Designing for User Font-size and Zoom

Miriam Suzanne explores different ways to interact with a user’s preferred font size using modern CSS units and math functions. - https://www.oddbird.net/2025/07/22/size-preferences

#css

The CSS if() function: Conditional styling will never be the same

Ikeh Akinyemi investigates how the if() function works, shares some practical examples, and compares it to existing CSS conditional techniques. - https://blog.logrocket.com/css-if-function-conditional-styling

#css

Building Extensible Frontend Systems

Chris Ferdinandi shares some tips on building frontend systems—design systems, UI libraries, and so on—that can be easily extended for use cases and situations you didn’t plan for. - https://gomakethings.com/building-extensible-frontend-systems/

#css

A Gentle Introduction to Anchor Positioning

Saron Yitbarek gives a fantastic introduction to anchor positioning. - https://webkit.org/blog/17240/a-gentle-introduction-to-anchor-positioning

#css

Better CSS layouts: Time.com Hero Section

Ahmad Shadeed explores how to rebuild and improve a popular layout sharing a number of handy tips along the way. - https://ishadeed.com/article/time-layout

#css

Style Your Underlines

Jeremy Keith demonstrates different options you have to style link underlines. - https://adactio.com/journal/22084

#css

Get the Number of auto-fit/auto-fill Columns in CSS

Ana Tudor shows how to get the number of auto-fit/auto-fill columns in CSS using container query units, CSS variables, and CSS mathematical functions. - https://frontendmasters.com/blog/count-auto-fill-columns

#css

What We Learned From Creating PostCSS

Andrey Sitnik shares lessons learned from creating and maintaining the PostCSS open source project over the past 12 years. - https://evilmartians.com/chronicles/what-we-learned-from-creating-postcss

#css

CSS-Only Scrollspy Effect Using scroll-marker-group and :target-current

Sara Soueidan shows how to create a Scrollspy effect using a couple of lines of CSS. - https://www.sarasoueidan.com/blog/css-scrollspy

#css

Rolling the Dice with CSS random()

Jon Davis, Jen Simmons, and Tim Nguyen give an introduction to the random() function that’s coming to CSS, which will let you create a random animation delay, layout content at a random place on the screen, create a random color, or anything you want — all without any JavaScript. - https://webkit.org/blog/17285/rolling-the-dice-with-css-random

#css

The `-path` of Least Resistance (Part 1)

Amit Sheen explores the clip-path property, starting with basics and moving through the functions and syntax to powerful shape logic that goes way beyond the basic polygons you might be used to. - https://frontendmasters.com/blog/the-path-of-least-resistance-part-1

#css

Obsessing Over Smooth radial-gradient() Disc Edges

Ana Tudor demonstrates how to use an underdog media query, resolution queries, to define radial gradients that don’t blur or become jagged. - https://frontendmasters.com/blog/obsessing-over-smooth-radial-gradient-disc-edges

#css

3D Layered Text: The Basics

Amit Sheen explains how to build the layered 3D text effect from scratch using HTML and CSS, covering structure, stacking, indexing, perspective, and how to make it all come together visually. - https://css-tricks.com/3d-layered-text-the-basics

#css