Mathias Bynens
@mathias
Followers
65K
Following
23K
Media
389
Statuses
23K
♥ JavaScript, HTML, CSS, HTTP, performance, security, Bash, Unicode, i18n.
https://mastodon.xyz/@mathias
Joined January 2007
At #io19, @_gsathya and I gave a talk on cutting-edge JavaScript features: https://t.co/6biG1Yyryn ➡️ WeakRef ➡️ Intl.* ➡️ Promise.{allSettled,any} ➡️ numeric separators ➡️ Array#{flat,flatMap} ➡️ Object.fromEntries ➡️ String#matchAll ➡️ …and more!
47
148
561
Announcing @ChromeDevTools 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
75
301
2K
Unicode 17 is released. The process for upgrading in js tooling is: 1. wait for @mathias to land unicode 17 in test262, e.g. https://t.co/ekq25ERXkd 2. in js, upgrade to `@unicode/unicode-17.0.0`, e.g. https://t.co/IMDop9d35o 3. in Rust, upgrade https://t.co/uH5ETWIG2Y, which I
1
5
58
The src attribute on <img> is no longer required. https://t.co/A36Cl4448C
github.com
https://html.spec.whatwg.org/multipage/embedded-content.html#the-img-element currently requires: The src attribute must be present, and must contain a valid non-empty URL potentially surrounded by ...
0
20
63
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 & @jecfish will walk us through the technical implementation behind the scenes. Read: https://t.co/lr1TF29um2
9
37
240
✈️💺 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? ➡️ https://t.co/txBbzJTtoj
0
14
57
Introducing AI Assistance in @ChromeDevTools! 🤯🚀 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
23
154
777
✨ 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 https://t.co/TWJ01bJKkY
13
146
659
📢 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! 🙀 https://t.co/I7SBoaNfIb
philipwalton.com
Should web developers and JavaScript library authors still transpile their code to ES5? This post looks at what the data suggests based on what popular libraries, tools, and websites are doing
4
47
145
no pain syntax highlighting‽ - no JS - no markup transformation or tokenization how? via Colr Fonts 💪 try it! https://t.co/ZRphVzTPYW
28
129
771
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
Hacker Samy Kamkar is debuting his own open source version of a laser microphone—a spy tool that can invisibly pick up the sounds inside your home through a window, and even the text you’re typing.
11
124
326
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 @googlechrome and Firefox. 💻 https://t.co/jZnkvL3lBX
hacks.mozilla.org
Puppeteer 23 now supports Firefox, simplifying browser automation and testing across both Chrome and Firefox.
0
87
324
Automate @googlechrome 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
Puppeteer 23 introduces stable support for Firefox 129 and up, offering a unified API for Chrome and Firefox automation, based on WebDriver BiDi.
1
22
70
I wrote a thing: Shipping ES module integrity in Chrome and Safari
shopify.engineering
How we shipped ES module integrity in browsers and made commerce and the web better for everyone!
1
20
63
Very interesting idea by @keithamus of replacing CSS classes to custom tags (<my-card>), data-attributes and :state(). https://t.co/nkaGKIoemg
16
24
123
After months of work its finally finished: 🔥 VISUAL EXPLAINS for MySQL: https://t.co/9oBan6bAEp 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! 🤯
31
174
738
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. https://t.co/Le5Ezv6fG4
robertheaton.com
The plane reached 10,000ft. I took out my laptop, planning to peruse the internet and maybe do a little work if I got really desperate.
70
670
6K
Just published a Babel plugin for `regex`, allowing it to be used dependency-free. https://t.co/t2hVz49VAs I'm new to Babel plugin development, so any help improving it is very welcome.
github.com
Babel plugin for Regex+. Contribute to slevithan/babel-plugin-transform-regex development by creating an account on GitHub.
1
2
4
`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` https://t.co/0gy02aiQWM which is a swap-in replacement that reduces uncompressed size by 97%.
github.com
A regular expression to match all emoji-only symbols - slevithan/emoji-regex-xs
3
6
17
Launching: https://t.co/G9Ah2fllGy >> `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
github.com
JS regexes ➕ future. A template tag for readable, high-performance, native JS regexes with extended syntax, context-aware interpolation, and always-on best practices. - slevithan/regex
1
2
9
🚀 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: https://t.co/x4zbvH9mzN
#Firefox #WebDriverBiDi #WebTesting
1
9
41