QQ about Dark Mode Toggles on websites How many options do you show to users? - Three values: System, Light, or Dark - Two values: Light, Dark (with one of them mapping to “System” behind the scenes). Why the one or the other? (I have an opinion about it, but I’m looking for external input)

TIL: @developer.mozilla.org exposes up-to-date page view data through popularities.mdn.mozilla.net/current.csv Here’s a visualizer I had A​I Studio throw together for me: ready-unit-fowl.codepen.app

MDN Traffic Browser

ready-unit-fowl.codepen.app

Try the OpaqueRange API. Stop using mirror divs to measure text positions in inputs! | www.youtube.com/watch?v=Sp9C...

Try the OpaqueRange API. Stop using mirror divs to measure text positions in inputs!

YouTube video by Patrick Brosset

youtube.com

One of the things that we at Chrome have been thinking about is a way to do declarative route and navigation matching **in CSS**. Together with @nomster.bsky.social and @dbaron.org I’ve been working on it for the past few months, and next week we’ll be presenting our work at the CSSWG F2F meeting.

👀 github.com/WebKit/WebKi... “Implement at-rule function for use with @supports” See brm.us/at-rule for the details on this one.

Detect at-rule support in CSS with @supports at-rule(@keyword)

Back in January 2022, I wrote about an exciting new CSS Working Group decision: a function to detect at-rule support using @supports at-rule(@keyword). Fast forward to today, and the CSS Conditional R...

brm.us

💡 CSS Tip! After corner-shape, shape(), and border-shape, another feature is available to play with: rounding polygons. css-tip.com/rounded-shap... You create a polygon, add a radius value at the beginning, and you have a shape with rounded corners!

One of the things that we at Chrome have been thinking about is a way to do declarative route and navigation matching **in CSS**. Together with @nomster.bsky.social and @dbaron.org I’ve been working on it for the past few months, and next week we’ll be presenting our work at the CSSWG F2F meeting.

The fact that even _this_ is a no-JS situation in CSS is wild to me. master.dev/blog/masonry... That's how the original Masonry.js library animated to new positions. (Based on an idea I saw from @bram.us)

`attr()` and `@function` and `if()`, oh my! 🤩 webkit.org/blog/18182/r... Gooooo CSS!

Release Notes for Safari Technology Preview 249

Safari Technology Preview Release 249 is now available for download for macOS Golden Gate and macOS Tahoe.

webkit.org

It's up! Capo extension for Firefox: addons.mozilla.org/en-US/firefo... Let me know if you run into any issues

Capo: get your ﹤𝚑𝚎𝚊𝚍﹥ in order – Get this Extension for 🦊 Firefox (en-US)

Download Capo: get your ﹤𝚑𝚎𝚊𝚍﹥ in order for Firefox. Visualize the optimal ordering of ﹤𝚑𝚎𝚊𝚍﹥ elements on any web page

addons.mozilla.org

Rick Viscomi@rviscomi.dev · last wk.

Capo extension support finally coming to Firefox

I did _not_ expect that to work.

Nobody wants to install your stupid app. Have a functional website instead.

I’m very excited for this one! (Knowing that @kevinbcmu.bsky.social is involved, I know it is gonna be gooooood)

IntentToShip@intenttoship.dev · 3w ago

Blink: Intent to Prototype: CSS mixins

Nice to see this being worked on 🤩 You can already use `<input type="checkbox" switch>` today BTW, thanks to this polyfill by my colleague @tomayac.com: github.com/tomayac/inpu...

GitHub - tomayac/input-switch-polyfill: A polyfill for <input type="checkbox" switch>

A polyfill for <input type="checkbox" switch>. Contribute to tomayac/input-switch-polyfill development by creating an account on GitHub.

github.com

IntentToShip@intenttoship.dev · 2w ago

Blink: Intent to Prototype: <input type="checkbox" switch>

I made an accessibility error in one of my recent videos, and I want you to learn from my mistake: (sorry, yet another YT link - bsky video uploads are still broken) www.youtube.com/shorts/hPrZi...

Fixing my accessibility mistake

YouTube video by Firefox for Web Developers

youtube.com

Well this is neat: aleksandrhovhannisyan.com/blog/local-code-… via @aleksandrhovhannisyan.com

Porffor officially goes alpha on August 11th with an in-person in San Francisco! It brings self-hosting and a complete rewrite, plus more: honk.foo/porffor-alpha/

there was a recent bug in the Bluesky app that caused some people's chat permission settings to switch to "No one" we already fixed the bug, but folks may want to double-check their settings to make sure they are set the way they want. go here: bsky.app/messages/set... look for these settings:

popover="hint" landed in Firefox 153. Here's how it differs from regular popovers: youtube.com/shorts/HWetx... (sorry for the YouTube link, it seems like video uploads are broken on bsky today)

popover="hint" - new in Firefox 153

YouTube video by Firefox for Web Developers

youtube.com

Need a reason to grab one of the 6 remaining Early-Bird tickets for #SotB2027? Then checkout the #SotB2026 videos: youtube.com/playlist?lis... Featuring: @bram.us @cassiecodes.bsky.social @kitation.co.uk #FionaSafari @jason-williams.co.uk @mikehall314.bsky.social @zachleat.com

State of the Browser 2026 - YouTube

Welcome to the fourteenth edition of State of the Browser, a yearly one-day, single-track conference with widely-varying talks about the modern web, accessib...

youtube.com

I've been meaning to put my conference badge collection on the wall for years, and finally did! It brought back a lot of memories of all the events I've been part of.

Over 15 years of conference speaking

I'm not someone who keeps a lot of memorabilia, but I do have a large collection of conference badges. Most of these are from events I spoke at, and a few from other memorable events. While decorating my new garden office I decided to pin them to a corkboard. It turned out that I had...

rachelandrew.co.uk

🌙 The Fronteers Dark Mode programme is live! Join us Oct 2nd in Dordrecht 🇳🇱 for an evening of talks on HTML, CSS, WebAudio, and APIs: 🎤 Barry Pollard 🎤 Anjana Vakil 🎤 Harry Roberts 🎤 Cyd Stumpel 🎤 Heydon Pickering Hosted by Jake Archibald 🎟️ €99 incl. a 2-course dinner 🥣🥩🐟🥬 👉 fronteersconf.org

Fronteers Dark Mode, Friday, October 2nd, Dordrecht

Join us at Cinema de Witt in Dordrecht for our after work conference.

fronteersconf.org

I've have many conversations with people about what product quality actually is. I've found its one of the most poorly understood concepts in engineering. I finally took the time to write it up. bfgeek.com/product-qual... Let me know what you think!

What is Product Quality?

bfgeek.com

Hi! I'm working on a new HTML feature: filterable select There are two proposed API shapes so far: 1. Nesting <input> in <select> 2. Sibling <input> for listbox <select> w/id ref Option 1 is more ergonomic, but would break selects in older browsers Thoughts? (Both currently in Canary w/flag)

“Without polyfills, fallbacks, and progressive enhancement, a single browser has undue power to hold back the Web — whether by choice or by circumstance.” “Developers being able to use web features before wide availability is a win for the Web as a whole.”

Lea Verou, PhD@lea.verou.me · 3w ago

🔥 New blog post: In defense of polyfills A highly influential spec editor expressed the opinion that polyfilling is harmful. I beg to differ. lea.verou.me/blog/2026/po...

Oh, what a way to start the week 😍 CSS mixins implementation is starting in Chromium, from my team at Microsoft.

I've just hit publish on the photos and videos for the last conference in May. It's wonderful to reflect now a few months have passed on what an amazing day it was. I'll look back at the years we ran All Day Hey! with incredibly fond memories.

I built a thing this week (with the help of Antigravity): a CSS Typed OM polyfill. It currently passes 12588 of WPT's 12942 CSS Typed OM test, which is more than any browser! github.com/bramus/css-t...

GitHub - bramus/css-typed-om-polyfill: CSS Typed OM Polyfill

CSS Typed OM Polyfill. Contribute to bramus/css-typed-om-polyfill development by creating an account on GitHub.

github.com

Today the good people of the world commemorate the passing of Google Reader thirteen short years ago on July 1, 2013. To honor their memory (and in lieu of flowers) please add an RSS/Atom/JSON feed to your web site and keep building a web that connects people in meaningful and positive ways.

Last month, I was speaking at @cssday.nl on the new <meta name=text-scale> tag. I've just published a blog post with my slides and summary. www.joshtumath.uk/posts/2026-0...