An Exploit ... in CSS?!

An Exploit ... in CSS?!

• Ok, take a deep breath • We’ll have some fun understanding this vulnerability once you make sure your browser isn’t affected, using the table below • Chromium-based browser | Am

Web Development · February 25, 2026 (updated February 26, 2026) · 1 min · 181 words
Spiral Scrollytelling in CSS With sibling-index()

Spiral Scrollytelling in CSS With sibling-index()

• Confession time: I’ve read about the performance benefits of scroll-timeline() , but when I see an impressive JavaScript scrollytelling site like this one, it makes me question i

Web Development · February 17, 2026 (updated February 25, 2026) · 2 min · 351 words
Making a Responsive Pyramidal Grid With Modern CSS

Making a Responsive Pyramidal Grid With Modern CSS

• In the previous article, we built the classic hexagon grid. • It was a responsive implementation without the use of media queries. • The challenge was to improve a five-year old

Web Development · February 12, 2026 (updated February 24, 2026) · 1 min · 186 words
Approximating contrast-color() With Other CSS Features

Approximating contrast-color() With Other CSS Features

• You have an element with a configurable background color, and you’d like to calculate whether the foreground text should be light or dark. • Seems easy enough, especially knowing

Web Development · February 11, 2026 (updated February 24, 2026) · 2 min · 244 words
Trying to Make the Perfect Pie Chart in CSS

Trying to Make the Perfect Pie Chart in CSS

• Speaking of charts… When was the last time you had to use a pie chart? • If you are one of those people who have to give presentations right and left, then congratulations! • Y

Web Development · February 9, 2026 (updated February 24, 2026) · 1 min · 194 words
CSS Bar Charts Using Modern Functions

CSS Bar Charts Using Modern Functions

• New CSS features can sometimes make it easier and more efficient to code designs we already knew how to create. • This efficiency could stem from reduced code or hacks, or improv

Web Development · February 5, 2026 (updated February 24, 2026) · 1 min · 200 words
CSS @scope: An Alternative To Naming Conventions And Heavy Abstractions

CSS <code>@scope</code>: An Alternative To Naming Conventions And Heavy Abstractions

• CSS @scope rule enables component-level scoping without heavy naming conventions. • Eliminates style leakage, reducing the need for overly specific selectors. • BEM and similar n

Web Development · February 5, 2026 (updated February 24, 2026) · 1 min · 169 words
Wanna see a CSS magic trick?

Wanna see a CSS magic trick?

• They talk about the importance of accessibility in web design, how the web went from table-based layouts to modern CSS techniques, and exciting developments coming to CodePen 2.0

Developer Ecosystem · January 30, 2026 (updated February 24, 2026) · 2 min · 215 words
New to the web platform in January

New to the web platform in January

• Chrome 144 and Firefox 147 released, bringing new web platform features to stable browsers. • Firefox 147 adds CSS Anchor Positioning baseline, enabling element positioning relat

Web Development · January 30, 2026 (updated February 24, 2026) · 1 min · 177 words
Unstacking CSS Stacking Contexts

Unstacking CSS Stacking Contexts

• CSS stacking contexts create an imaginary z-axis, controlling element depth perception. • Position, z-index, opacity, transform, and filter each can trigger a new stacking contex

Web Development · January 27, 2026 (updated February 24, 2026) · 1 min · 183 words
December 2025 Baseline monthly digest

December 2025 Baseline monthly digest

• December 2025 saw a quiet Baseline release, with developers taking a holiday break. • New API: document.caretPositionFromPoint() simplifies caret location detection in the DOM. •

Web Development · January 26, 2026 (updated February 24, 2026) · 1 min · 179 words
Responsive Hexagon Grid Using Modern CSS

Responsive Hexagon Grid Using Modern CSS

• Modern CSS lets you build responsive hexagon grids without JavaScript or media queries. • The new corner‑shape property replaces clip‑path, simplifying hexagon creation with aspe

Web Development · January 23, 2026 (updated February 24, 2026) · 1 min · 205 words
Open Props @custom-media Recipes

Open Props @custom-media Recipes

• Firefox Nightly now supports @custom-media, enabling developers to alias complex media queries. • Open Props offers 45+ ready‑made @custom-media aliases for common design pattern

Web Development · January 23, 2026 (updated February 24, 2026) · 1 min · 174 words
Smashing Animations Part 8: Theming Animations Using CSS Relative Colour

Smashing Animations Part 8: Theming Animations Using CSS Relative Colour

• Smashing Animations Part 8: Theming Animations Using CSS Relative Colour I’ve recently refreshed the animated graphics on my website with a new theme and a group of pioneering ch

Web Development · January 14, 2026 (updated February 24, 2026) · 2 min · 250 words
CSS at Scale With StyleX

CSS at Scale With StyleX

• Build a large enough website with a large enough codebase, and you’ll eventually find that CSS presents challenges at scale. • It’s no different at Meta, which is why we open-sou

Engineering Blogs · January 12, 2026 (updated February 25, 2026) · 1 min · 203 words
CSS at Scale With StyleX

CSS at Scale With StyleX

• Build a large enough website with a large enough codebase, and you’ll eventually find that CSS presents challenges at scale. • It’s no different at Meta, which is why we open-sou

Smashing Animations Part 7: Recreating Toon Text With CSS And SVG

Smashing Animations Part 7: Recreating Toon Text With CSS And SVG

• Smashing Animations Part 7: Recreating Toon Text With CSS And SVG After finishing a project that required me to learn everything I could about CSS and SVG animations, I started w

Web Development · December 17, 2025 (updated February 24, 2026) · 2 min · 295 words

Updated Candidate Recommendation: CSS Color Adjustment Module Level 1

• The CSS Working Group invites implementations of an updated Candidate Recommendation Snapshot of CSS Color Adjustment Module Level 1 . • This module introduces a model and contro

Updated Candidate Recommendation: CSS Color Adjustment Module Level 1

• The CSS Working Group invites implementations of an updated Candidate Recommendation Snapshot of CSS Color Adjustment Module Level 1 . • This module introduces a model and contro

State, Logic, And Native Power: CSS Wrapped 2025

State, Logic, And Native Power: CSS Wrapped 2025

• State, Logic, And Native Power: CSS Wrapped 2025 If I were to divide CSS evolutions into categories, we have moved far beyond the days when we simply asked for border-radius to f

Web Development · December 9, 2025 (updated February 24, 2026) · 2 min · 262 words
React Native 0.77 - New Styling Features, Android's 16KB page support, Swift Template

React Native 0.77 - New Styling Features, Android's 16KB page support, Swift Template

• New CSS properties: display: contents, boxSizing, mixBlendMode, outline for richer layouts. • Android 16KB page support, enabling compatibility with latest Android devices. • Swi

Mobile Development · January 21, 2025 (updated February 24, 2026) · 1 min · 160 words