Mathias Bynens (@mathias) 's Twitter Profile
Mathias Bynens

@mathias

♥ JavaScript, HTML, CSS, HTTP, performance, security, Bash, Unicode, i18n.

ID: 532923

linkhttps://mths.be/ calendar_today04-01-2007 11:37:32

22,22K Tweet

66,66K Followers

1,1K Following

Firefox DevTools (@firefoxdevtools) 's Twitter Profile Photo

🚀 Firefox is deprecating CDP support and embracing WebDriver BiDi for a more robust automation experience! ℹ️ Learn more about the transition and how it benefits web testing: fxdx.dev/deprecating-cd… #Firefox #WebDriverBiDi #WebTesting

Steven Levithan (@slevithan) 's Twitter Profile Photo

Launching: github.com/slevithan/rege… >> `import Regex from 'regex';` The new best way to create readable, high perf, modern + native JS regexes, with best practices built-in and support for atomic groups, free spacing/comments, context-aware interpolation, + more to come

Steven Levithan (@slevithan) 's Twitter Profile Photo

`emoji-regex` is a great (and extremely widely used) package, but it's quite large since it hard codes thousands of code points. Just published `emoji-regex-xs` github.com/slevithan/emoj… which is a swap-in replacement that reduces uncompressed size by 97%.

Steven Levithan (@slevithan) 's Twitter Profile Photo

Just published a Babel plugin for `regex`, allowing it to be used dependency-free. github.com/slevithan/babe… I'm new to Babel plugin development, so any help improving it is very welcome.

Robert Heaton (@robjheaton) 's Twitter Profile Photo

I wrote a tool called PySkyWiFi that gives you completely free, unbelievably stupid wi-fi on long-haul flights. It tunnels data through the "first name" field in your airmiles account, and can reach speeds of up to several bytes per second. robertheaton.com/pyskywifi

Tobias_Petry.sql (@tobias_petry) 's Twitter Profile Photo

After months of work its finally finished: 🔥 VISUAL EXPLAINS for MySQL: mysqlexplain.com Th cryptic output of MySQL's EXPLAIN is too hard to understand for any developer - even for me! So I built a tool to generate visual flows of whats happening. And its free! 🤯

After months of work its finally finished:

🔥 VISUAL EXPLAINS for MySQL:
mysqlexplain.com

Th cryptic output of MySQL's EXPLAIN is too hard to understand for any developer - even for me!

So I built a tool to generate visual flows of whats happening. And its free! 🤯
@sitnik_en@mastodon.social (@sitnikcode) 's Twitter Profile Photo

Very interesting idea by @keithamus of replacing CSS classes to custom tags (<my-card>), data-attributes and :state(). keithcirkel.co.uk/css-classes-co…

Very interesting idea by @keithamus of replacing CSS classes to custom tags (&lt;my-card&gt;), data-attributes and :state().

keithcirkel.co.uk/css-classes-co…
Mozilla Developer (@mozhacks) 's Twitter Profile Photo

We’re pleased to announce that, as of version 23, the Puppeteer browser automation library now has first-class support for @Firefox! This means simplifying browser automation and testing across both Chrome and Firefox. 💻 hacks.mozilla.org/2024/08/puppet…

Chrome for Developers (@chromiumdev) 's Twitter Profile Photo

Automate Chrome and Firefox 🔥 with the same API? It's possible with #WebDriver BiDi! 🙌 Now ready for production with Firefox 129 & Puppeteer 23. Learn more in developer.chrome.com/blog/firefox-s…

Andy Greenberg (@agreenberg at the other places) (@a_greenberg) 's Twitter Profile Photo

Ahead of Defcon, the always-brilliant @SamyKamkar gave me a preview of his infrared laser spy tool: He can point a laser through a window at a laptop to detect its vibrations and derive the words typed on it from the acoustics of different keystrokes. wired.com/story/infrared…

Adam Argyle (@argyleink) 's Twitter Profile Photo

no pain syntax highlighting‽ - no JS - no markup transformation or tokenization how? via Colr Fonts 💪 try it! codepen.io/argyleink/pen/…

no pain syntax highlighting‽
- no JS
- no markup transformation or tokenization

how?
via Colr Fonts 💪

try it!
codepen.io/argyleink/pen/…
Phil Walton (@philwalton) 's Twitter Profile Photo

📢 New post: The State of ES5 on the Web. For years, we defaulted to transpiling to ES5 in order to support IE. But is that still necessary? I took a look at the data to find out, and I'll just say that the results were *actually* quite surprising! 🙀 philipwalton.com/articles/the-s…

Chrome DevTools (@chromedevtools) 's Twitter Profile Photo

✨ More Gemini is coming to DevTools! ✨ Try the new experimental AI assistance panel in Chrome Canary 131 and later to get help understanding layouts and debugging your CSS. Learn more at goo.gle/devtools-ai-as…

✨ More Gemini is coming to DevTools! ✨ Try the new experimental AI assistance panel in Chrome Canary 131 and later to get help understanding layouts and debugging your CSS. Learn more at goo.gle/devtools-ai-as…
Addy Osmani (@addyosmani) 's Twitter Profile Photo

Introducing AI Assistance in Chrome DevTools! 🤯🚀 Ever wish you could have a coding buddy to help you with CSS and layout? Well, your wish is granted! The new AI Assistance in Chrome DevTools is here to make your life as a developer easier, powered by Gemini. The new panel

Chrome for Developers (@chromiumdev) 's Twitter Profile Photo

✈️💺 Fasten your seatbelts! DevTools got a turbocharged upgrade with the new AI assistance panel. Debug styling issues, understand layouts, and fix airplanes. Ready for take-off? ➡️ developer.chrome.com/blog/5-cool-th…

✈️💺 Fasten your seatbelts! DevTools got a turbocharged upgrade with the new AI assistance panel. Debug styling issues, understand layouts, and fix airplanes. Ready for take-off? ➡️ developer.chrome.com/blog/5-cool-th…
Chrome DevTools (@chromedevtools) 's Twitter Profile Photo

Ever spent ages trying to figure out which element is actually scrolling on a page? #ChromeDevTools added a new scroll badge to help you spot them easier! Ionut & Jecelyn Yeen 🐟 will walk us through the technical implementation behind the scenes. Read: developer.chrome.com/blog/swe-devto…

Ever spent ages trying to figure out which element is actually scrolling on a page? #ChromeDevTools added a new scroll badge to help you spot them easier! 

Ionut &amp; <a href="/jecfish/">Jecelyn Yeen 🐟</a> will walk us through the technical implementation behind the scenes.

Read: developer.chrome.com/blog/swe-devto…
Boshen (@boshen_c) 's Twitter Profile Photo

Unicode 17 is released. The process for upgrading in js tooling is: 1. wait for Mathias Bynens to land unicode 17 in test262, e.g. github.com/tc39/test262/p… 2. in js, upgrade to `@unicode/unicode-17.0.0`, e.g. github.com/babel/babel/pu… 3. in Rust, upgrade github.com/oxc-project/un…, which I

Unicode 17 is released.

The process for upgrading in js tooling is:

1. wait for <a href="/mathias/">Mathias Bynens</a> to land unicode 17 in test262, e.g. github.com/tc39/test262/p…
2. in js, upgrade to `@unicode/unicode-17.0.0`, e.g. github.com/babel/babel/pu…
3. in Rust, upgrade github.com/oxc-project/un…, which I
Addy Osmani (@addyosmani) 's Twitter Profile Photo

Announcing Chrome DevTools MCP! 🚀 Connect your AI coding agent to Chrome's powerful automation & debugging capabilities with ease. Key features: ✅ Reliable automation: It can programmatically handle clicks, form fills, dialogs, and page navigation with ease. ✅ Performance