This was a really fun article to write/experiment to do! I messed with how things were rendering across browsers for... far too long. AI could never! cassidoo.co/post/radial-...

There's an ideal set of sizing constraints for custom <select>, but the CSS is a bit tricky. Here's how to make it work, and a tour of new CSS features along the way. jakearchibald.com/2026/goldilo...

🤘new post🤘 Modes and Themes That Stick - Building a Persistent Toggle Solution I walk us through a three-layer, progressively enhanced, approach to mode and theme switching. https://www.alwaystwisted.com/articles/modes-and-themes-that-stick-building-a-persistent-toggle-solution 🙏🖤

I spent the last month obsessed with finding colors that can't be displayed on a conventional screen. This is what I found. moultano.wordpress.com/2026/06/19/w...

Reminder: The State of CSS Survey is closing *SOON*, so **NOW** is the moment to complete it. stateofcss.com/en-US/ This survey directly influences efforts like Interop and feature planning, so this is **YOUR** moment to let browser vendors know what you find missing on the web!

Quick SVG survey 🗳️ What are your pain points with SVG? What features are missing? What bugs matter the most?

Using Scroll-Driven Animations for Opposing Scroll Directions by @silvestar.codes css-tricks.com/scroll-drive...

The Chrome DevTools team are doing a "papercuts" sprint where they try to address lots of small, irritating bugs and annoyances. Reply with crbug.com links (no bug, no fix—that's the deal!) and will see what we can do. No promises though as some may be features/too big/unclear how to solve.

Storied Colors is a catalogue of 250 named colors, from pigments, chemical formulas and dyes to a few digital hues, each tied to documented evidence for its name and history. You can browse all the colors, or simply check the color of the day. storiedcolors.com/

Does anyone have any experience taking the website remnants from the Wayback Machine and rebuilding that website? As a kind of preservation/memorial?

This excellent post from @vale.rocks takes a deep dive into the web browsers found within various game consoles.

Cross-document view transitions bring app-like page transitions to any classic website, one CSS rule, no JavaScript. www.rotecodefraktion.de/en/blog/css-... #CSS #Frontend #HTML #WebDevelopment

Just realized that one of my favorite easter eggs I made while at Stripe is still on the /jobs page… The monitor in the photo mimics everything you do on the page itself. 🥚💅 (only visible on Firefox because it uses an experimental feature)

And learn more watching Learn CSS Grid Lanes at #WWDC26! youtu.be/NDwoB2PpwgY #css #gridlanes #cssday #thewebyouwant

Interested in CSS Grid Lanes? We just launched the Field Guide to Grid Lanes! gridlanes.webkit.org It’s got everything you need in a fun interactive playground + tons of demos. (And read about the Field Guide at: webkit.org/blog/18098/i...) #CSSDay #wwdc26 #CSS

The State of CSS survey is out! It's shorter this year! Please go take it! survey.devographics.com/en-US/survey...

"Moon Picker" by Michael Gehrmann codepen.io/editor/g12n/...

What about a straight line that bends when the circles get closer and stretches when they get farther. It's surely not possible using pure CSS, right? Right!? 👀 css-tip.com/bending-line/ Probably my new favorite demo, powered by the modern features. CSS is awesome! 😍

if we make it to $100K before the campaign ends today I will shave my beard off on a livestream build.awesome.me

❓ A question for web developers ❓ If you do layout in CSS, what's missing? I'm especially interested in hearing about use cases that aren't yet solved by existing CSS layout features. #css #webdev

💌 A once–weekly roundup of the best #frontend news, articles and tutorials. HTML, CSS, WebGL, Canvas, browser tech, and more: frontendfoc.us

contrast-color() is Baseline Newly Available, so I took a look at the basics of how it works, and a fun way to use it with color-mix() and light-dark() youtu.be/JEJbSGtZxOw

Little side project! ⌨️ wf: a little command line tool to search for web features and associated data like browser compat/Baseline, docs, links to bugs, and more 📖 Install and learn more at www.npmjs.com/package/web-...

Safari 26.5 is here! It includes the :open pseudo-class, the element-scoped keyword for random(), color-interpolation for SVG gradients, the ToggleEvent.source property for popovers, and the Origin API. And a ton of polish and fixes. webkit.org/blog/17938/w...

New blog post: Compositing & Blending! 🥳 I spent the last few months reading all about blend modes so you don't have to: You'll learn what compositing and blending are, and what is actually going on under the hood when you apply blend modes in CSS 🎨 nik.digital/posts/compos...

✨ Have you ever heard of Disney’s 12 Basic Principles of Animation? The very first rule, “Squash and Stretch”, can make motion feel *way* more satisfying. I just dropped a brand-new blog post that shows how I’ve been using this technique in my own work: www.joshwcomeau.com/animation/sq...

So, I’ve written a bunch of things on how to do certain things with View Transitions, such as optimizing the keyframes or driving a VT by scroll. I noticed I repeat a lot of code throughout those experiments … so I bundled that all up in a package for you. 👉 chrome.dev/view-transit...

To celebrate the launch of Artemis II 🚀, I put together a #cssonly scroll-driven animation. Powered by animation-timeline: scroll — no JavaScript, just modern CSS. Still WIP, but already a fun experiment. Full demo on @codepen.io ✨ codepen.io/cbolson/full... #artemis

I wanted a way to explore Unicode by visual similarity, not just by name or codepoint, so I built Charcutrie. It lets you browse characters that look alike, search across scripts and symbols, and even sketch a shape to find matching glyphs. (pretty badly for now :D) charcuterie.elastiq.ch#U+221E

CSS or BS? https://www.keithcirkel.co.uk/css-or-bs/

Good issue this week, with plenty to dive into. Includes links from @csswizardry.com, @html5test.com, @meodai.bsky.social, @rachelandrew.bsky.social, @jakearchibald.com and others! ⭐️ frontendfoc.us/issues/735

Rather than the same old boring internet pranks, I thought I'd build something more fun this April Fools. CSS or BS. Can you tell your CSS properties names from BS? www.keithcirkel.co.uk/css-or-bs

Web Rewind: An Interactive Journey Through 30 Years of the Web - https://www.web-rewind.com/

Detail: Small Interface Details That Make Big Difference - https://detail.design (Curated collection of tiny design decisions from real products. Good inspiration resource.)

New to the web platform in March: https://web.dev/blog/web-platform-03-2026

Why does loading a news article lead to 422 network requests and 49MB of data transfer? https://thatshubham.com/blog/news-audit

Highlighting Footnotes: https://kittygiraudel.com/2026/03/18/highlighting-footnotes/

The Color System I Wish I Understood Sooner: https://theadminbar.com/semantics-and-primitives-color-system/

Web Rewind: An Interactive Journey Through 30 Years of the Web - https://www.web-rewind.com/

CSSkit: A High-Performance CSS Toolchain Written in Rust - https://csskit.rs

A Beginner’s Guide to Manual Accessibility Testing with Keyboard Navigation: https://www.sitepoint.com/accessibility-testing-with-keyboard-navigation/

Native JSON Modules Are Finally Real: https://allthingssmitty.com/2026/03/16/native-json-modules-are-finally-real/

I’m excited to announce the 1̶s̶t̶ 7th release candidate of Elena today! 🫶 Elena is a simple, tiny library for building Progressive Web Components. Unlike most web component libraries, Elena doesn’t force JavaScript for everything. Crafted with love and care using HTML, CSS & plain JS: elenajs.com

Friday Bookmarklet Drop! 👉 Structure Revealer - a tool to highlight important structural elements on a page Get the bookmarklet here: a11y-tools.com/bookmarklets... More info here: a11y-tools.com/blog/2026/03... #a11y #accessibility #tools #webdev

This article was so fun to work on! css-tricks.com/experimentin...

📝 New CSS Article! If you have seen my graph theory demo and wondered how it works, then the article is finally live! frontendmasters.com/blog/two-cir... I was playing with two circles and anchor positioning, and ended up creating a shortest path algorithm. Modern CSS is fun!

I got to like level 24 before I was squinting like a mad man.

👁️ How small a color difference can you see? https://www.keithcirkel.co.uk/whats-my-jnd/

Taking contrast-color() beyond just black and white: https://una.im/advanced-contrast-color/

Do you agree? https://www.sitepoint.com/there-is-no-wrong-in-css/