Mathias Bynens

Responsive iframes in Chrome 154. Sebastian Benz and Bramus introduce frame-sizing, a CSS property that sizes an <iframe> to its content, with a <meta> element opt-in and window.requestResize() for later updates. #html #css developer.chrome.com...

Might be one of my more controversial posts: "The case against JPEG XL" Link: giannirosato.com/blog/post/ca... 🫡 #compression #jpegxl #av1

Wrote a thing about how they watermark AI-generated text: declaude.org/watermarking/

Run CI? Use Puppeteer? You may be entitled to leaner silicon 🍃 Update: Chrome for Testing arm64 builds are out! I've already updated @calibreapp.com pre-release Synthetic test agents to run arm64 — after observation, they’ll join the fleet Early numbers looking positive so far 📉

An enormous amount of the world’s CI and automation runs headless Chrome, all of it on x86—until last week. Chrome now ships official arm64 Linux builds. AWS says Graviton uses up to 60% less energy for the same performance. Chrome for Testing coming soon 🥳 calibreapp.com/blog/chrome-...

I’m happy to announce that linux-arm64 Chrome for Testing builds are now available, starting with version 153.0.8001.0: github.com/GoogleChrome... More background: github.com/GoogleChrome...

🆕 blog! “How many consecutive hyphens can you have in a domain name?” A seemingly simple question which sent me down into the murky depths of standards. How many consecutive hyphens can you have in a domain name? It probably isn't sensible to name your online presence a----------hyphen.com - […]

We've been COOKING Modern Web Guidance is a skill pack that helps your coding agent write better, faster, more accessible and secure code Get it at goo.gle/mwg We'd love to know what you think!

That’s a first: GitHub’s Advisory Database (incorrectly) flags Puppeteer as malware. github.com/github/advis... We are no longer able to publish new releases. Are there any GitHub or Microsoft folks here who can help escalate this?

Temporal is now Stage 4 at TC39 🎂🎂🎂 Thanks to all the other champions of JavaScript's new date-time API. It has been a wild ride over many years! I wrote a blog post explaining how we got here 📜 bloomberg.github.io/js-blog/post...

over a year ago, i gave a talk at the xoxo conference about a mural, a mcdonald’s, and a man. (but it was also secretly about life, and legacy, and meaning.) finally, i’m blogging the full story, with behind-the-scenes details, and a video of the talk. enjoy. cabel.com/wes-cook-and...

Announcing our public preview of Chrome DevTools MCP! Experience the full power of DevTools in your AI coding agent→ goo.gle/4pDE6Tk With Chrome DevTools MCP, your AI agent can run performance traces, inspect the DOM, & perform real-time debugging of your web pages.

CSS uses a complex algorithm to decide how to animate transforms. If you get it wrong, as many folks do, you end up with an unnatural animation. Here's how it works, and how to avoid the pitfalls. jakearchibald.com/2025/animati...

✍️ I did an explainer on the CPU and GPU and how they coordinate tasks between them. Going to a series on rendering💥

Here's the new 2025 reset.css: h1 { margin-block: 0.67em; font-size: 2em; } Thank you for adopting this on all your sites! See github.com/whatwg/html/...

Uplevel your regex-fu with my deep dive into JS regex history on Smashing Magazine. www.smashingmagazine.com/2024/08/hist... Lots of new and powerful regex features you might have missed from recent versions of JavaScript!

Re: Opera bug: For more coolness, play around with the size of the tab bar: https://imageshack.com/ /re @mathias /cc @vasilis @brucel

@Heilemann Blank page with 500 Internal Server Error == syntax error. Which editor are you using? Some of them have built-in syntax checking

@rem …make sure the *end user* gets the best experience possible. If bytes can be omitted without affecting performance, do it. /re @mathias

@rem Re: remove comment info — Yeah, good point. Using rem.im to shorten the URL would save some extra bytes ;) /re @mathias

Looks like @jdalton made a shorter version of @rem’s HTML5 enabling shim/shiv: https://gist.github.com/296128 41 characters less, yay!

Photoshoot effect using jQuery and CSS: https://demo.tutorialzine.com/2010/02/photo-shoot-css-jquery/demo.html

How to test your JavaScript code with QUnit: https://code.tutsplus.com/how-to-test-your-javascript-code-with-qunit--net-9077t

@roy <div id="content"> → <section> <div id="sidebar"> → <aside> <div class="blog-post"> → <article> /re @mathias

@roy “…to use elements of the appropriate rank for the section’s nesting level.” Another good read: http://is.gd/7FSrC /re @mathias

@roy …no harm is done, right? /re @mathias

@jamespadolsey Do yourself a favor, and stop using the Twitter web interface. Get a Twitter client!

@roelvangils “Wij adviseren niet om bezoekers met Internet Explorer 6 te weren. […]” /cc @vasilis /re @mathias

Worst URL shortener ever: https://www.godaddy.com/forsale/nig.gr?utm_source=TDFS_BINNS2&utm_medium=parkedpages&utm_campaign=x_corp_tdfs-binns2_base&traffic_type=TDFS_BINNS2&traffic_id=binns2&

An HTML5 offline image editor and uploader application: http://demos.hacks.mozilla.org/openweb/imageUploader/

‘Life Below 600px’: http://iampaddy.com/lifebelow600/ /by @paddydonnelly

In LOTR3, when Theoden (→ interwebs) is dying, the Witch King (→ Steve) says to his steed (→ iPad), “Feast on his flesh (→ Flash)”. Om nom^3

Quickly look up jQuery method sources using the jQuery Source Viewer: https://j11y.io/jquery/ /by @jamespadolsey

View anyone’s Facebook friends list (hidden or not) based on user ID: https://mathiasbynens.be/demo/facebook-friends #privacy #fail

Unless you check the ‘Public Search Results’ checkbox on Facebook, anyone could retrieve your friend list—hidden or not: https://www.commandlinefu.com/commands/view/4726/view-facebook-friend-list-hidden-or-not-hidden

Just launched the new @toykyokids website/shop: http://toykyokids.be/ Design by @geldwolf. #html5

Google’s internal data suggests that Unicode is nearing 50% of the web: https://is.gd/7la7Y UTF-8 ftw, y’all.

@ara_p You can load jquery.js several times, it will just overwrite the jQuery namespace. http://output.jsbin.com/uhawa But why would you want to?

As of March 1st, Google drops support for IE6: https://is.gd/7jVIm /via @krijnhoetmer

Anyone looking for a free CeBIT 2010 ticket? I’m giving away two.

Forgot your Windows password? No problem. https://i.imgur.com/utaj2.gif

Dynamic dummy image generator: https://dummyimage.com/ Example: https://dummyimage.com/640x480 /via @krijnhoetmer

SublimeVideo, a beautiful HTML5 video player: https://www.jilion.com/ More info: http://is.gd/76rRN

Pure CSS coke can: http://www.romancortes.com/blog/pure-css-coke-can/

WTF of the day: whois google.com https://i.imgur.com/XMEhZ.png

@davidhund I assumed it was, since they store the data on Google servers and all… #omfg #didijustgetphised #confused /re @mathias

YouTube is about to suck: https://i.imgur.com/MNaIu.jpg