Kevin Powell

@kevinpowell.co

Helping people fall in love with CSS 📺 https://YouTube.com/@kevinpowell ✉️ https://kevinpowell.co/newsletter

Excited to see we'll eventually have responsive iframes. It's a one-liner in CSS with `frame-sizing: content-height;` but it does require a meta tag to opt-in from the embedded doc as well. Currenly only behind a flag in Chrome, but will be nice to have once it starts landing.

Responsive iframes in Chrome 154  |  Blog  |  Chrome for Developers

Chrome 154 adds support for responsively-sized iframes, letting an iframe size itself based on the intrinsic size of its embedded document.

developer.chrome.com

Ever double-tapped a button on your phone and had the page zoom in? In this post over on @piccalil.li, @bell.bz looks at a simple CSS one-liner of `touch-action: manipulation` to prevent that, rather than messing with the viewport meta. piccalil.li/blog/stop-bu...

Stop buttons triggering zoom when they’re double tapped

It’s annoying when your browser zooms if a button is rapidly tapped. There’s actually a really simple fix and no, you don’t have to prevent all zooming with a meta tag!

piccalil.li

This conversation inspired me to write a bit more about polyfilling/fallbacks for progress(). If your breakpoints are in pixels, which they usually are, all you need is this! Not a nice as progress() but a lot better than I proposing in my previous article. Only 1 @property and 1 tan(atan2())

CSS code: @property --vw { syntax: "<length>"; inherits: true; initial-value: 100vw; } :root { --progress: clamp(0, tan(atan2(var(--vw) - 300px, 1200px - 300px)), 1); }

A quick look at how the `lh` unit can make styling textareas a lot easier, and a quick look at field-sizing which makes something that was very hard, very easy 😊

⏰ Last call for Fronteers Dark Mode 2026! Ticket sales close tomorrow, Saturday at midnight, and there are just 13 seats left. So if you’ve been thinking about joining us in Dordrecht next Friday, this really is your last chance. 🌑✨ 🎟️ www.fronteersconf.org We’d love to see you there! ❤️

Fronteers Dark Mode 2026, Friday, October 2, at Cinema De Witt in Dordrecht. An intimate evening of frontend talks and community from 3 PM until after midnight. Tickets €99 at fronteersconf.org. Collage showing Dordrecht, dinner, the Cinema De Witt venue and its red-seated screening room, with a QR code linking to the conference website.

A quick look at how the `lh` unit can make styling textareas a lot easier, and a quick look at field-sizing which makes something that was very hard, very easy 😊

Starting to play with progress() now that it's newly available and I can see how it can be more useful than clamp() in some situations, but man, my brain is having a hard time with it 😅