❓ 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/

Building a Scroll-Reactive 3D Gallery with Three.js, Velocity, and Mood-Based Backgrounds: https://tympanus.net/codrops/2026/03/09/building-a-scroll-reactive-3d-gallery-with-three-js-velocity-and-mood-based-backgrounds/

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

This new, experimental, ‘Network Efficiency Guardrails’ feature is available in Edge 146: https://blogs.windows.com/msedgedev/2026/03/17/monitor-and-improve-your-web-apps-load-performance/

💰 How can Governments pay open source maintainers? https://shkspr.mobi/blog/2026/03/how-can-governments-pay-open-source-maintainers/

Astro: How to set up powerful HTML minification in just 31 seconds — https://meiert.com/blog/astro-html-minification/

4 Reasons That Make Tailwind Great for Building Layouts: https://css-tricks.com/4-reasons-that-make-tailwind-great-for-building-layouts/

Building Dynamic toggletips Using Anchored Container Queries: https://piccalil.li/blog/building-dynamic-toggletips-using-anchored-container-queries/

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

Here's this week's frontend digest: frontendfoc.us/issues/732

Smart Layouts: https://www.youtube.com/watch?v=_njUxg5UfR0

Trying the New CodePen 2.0: https://www.youtube.com/watch?v=0R4l8nlmCAQ

The Most-Seen UI on the Internet? Redesigning Turnstile And Challenge Pages: https://blog.cloudflare.com/the-most-seen-ui-on-the-internet-redesigning-turnstile-and-challenge-pages/

Preethi shares how to approach creating a dynamic display for showing changing numeric values with just CSS and HTML: https://frontendmasters.com/blog/the-odometer-effect-in-css/

Sticky Grid Scroll: Building a Scroll-Driven Animated Grid - https://tympanus.net/codrops/2026/03/02/sticky-grid-scroll-building-a-scroll-driven-animated-grid/

Chrome Is Moving To A Two-Week Release Cycle: https://developer.chrome.com/blog/chrome-two-week-release

You Can Use Newline Characters in URLs: https://lemire.me/blog/2026/02/28/you-can-use-newline-characters-in-urls/

Announcing The CSS Selection! 📰 www.projectwallace.com/the-css-sele... 📚 100,000 websites ⏱️ 100+ metrics 🔖 7 chapters The biggest deep-dive ever into real-world use of CSS across the globe. Dive in and find out some hidden gems. Also, see how much of 'the new CSS' is actually used!

Soon across all browsers: CSS contrast-color()! It returns a color that has guaranteed contrast against an other color. Very useful for computing text color with enough contrast against an unknown background. Demo ➡️ codepen.io/captainbross... Docs ➡️ developer.mozilla.org/en-US/docs/W...

It seems we can now customize the select element, right? right?! Demo: codepen.io/t_afif/pen/P... via @codepen.io