CSS Scroll Snap | 12 Days of Web

Carousels with CSS  |  Blog  |  Chrome for Developers

Support scroll experiences with navigation buttons and markers with just a few lines of CSS.

Scroll-driven Animations: The Road to Baseline Newly Available (CSS)

This scrolled timeline traces the 12-year journey of Scroll-Driven Animations from the earliest proposal in September 2014 to becoming Baseline Newly Available in October 2026 with the release of Firefox 159.

CSS-Tricks has a new owner! | CSS-Tricks

Yes, I've got the keys to the castle, so to speak. And, even after 12 years of working on the site, I'll admit I'm a little overwhelmed and nervous about that.

Evolving the infinite canvas

In the digital world, especially on the web, we’re used to things being stacked vertically. Scrolling, scrolling, through boxes of content,

Native-Like Animations for Page Transitions on the Web | CSS-Tricks

Some of the most inspiring examples I’ve seen of front-end development have involved some sort of page transitions that look slick like they do in mobile

Chrome for Developers (@developer.chrome.com)

After 12 years, Scroll-Driven Animations are officially Baseline Newly Available 🎉 Pure CSS scroll-driven animations work across every major browser engine! Celebrate this milestone with our animated timeline tracing the feature's history since 2014 → goo.gle/3Urm9fT

Make accessible carousels  |  Blog  |  Chrome for Developers

How the features in CSS Overflow 5 can help you create more accessible carousel patterns.

The CSS Selection - 2026 Edition - Project Wallace

The CSS Selection shows real-world CSS usage from over 100,000 websites and looks at the most important metrics.

The State of CSS 2020: Conclusion

The annual survey about the latest trends in CSS.

Home - Scroll Press

Scroll Press: A modern HTML-native preprint server for academic research. Upload and share research manuscripts in web-native formats.

A few HTML tips – Mozilla Hacks - the Web developer blog

A while ago I wrote an article with some CSS tips, now it’s time to give some polish to our HTML! In this article I’ll share some tips and advice ...

Embracing Playful Imperfection With The CSS random() Function — Smashing Magazine

Design systems thrive on consistency, so where does randomness fit in? Through playful demos of organic typography, bouncing letters, and splayed cards, Brecht De Ruyte shows how the new CSS `random()` function brings a little imperfection to the web without JavaScript libraries or preprocessor loops that generate hundreds of lines of static CSS.

Cross-Document View Transitions: The Gotchas Nobody Mentions | CSS-Tricks

This is Part 1 of a two-part series about cross-document view transitions, going over all the gotchas, from ditching the deprecated way to opt into them to a little-known 4-second timeout.

Adding Visual Effects | Web Browser Engineering

Right now our browser can only draw colored rectangles and text—pretty boring! Real browsers support all kinds of visual effects that change how pixels and colors blend together. To implement those effects, and also make our browser faster, we’ll need control over surfaces, the key low-level feature behind fast scrolling, visual effects, animations, and many other browser capabilities. To get that control, we’ll also switch to using the Skia graphics library and even take a peek under its hood.

Modern CSS snippets. Every old hack, replaced.

Side-by-side comparisons of outdated CSS techniques and their modern native replacements. Grid, custom properties, nesting, container queries, and more.