Responsive Video Is (Almost) Easy Now

Koos Looijesteijn explains how you can serve high-quality, vertical, and horizontal video variants, breaking free from platforms like YouTube. - https://www.kooslooijesteijn.net/blog/responsive-video-easy

#css

Public CSS Custom Properties in the Shadow DOM

Michael Warren created an in-depth guide to using public CSS Custom properties to configure web components externally. - https://michaelwarren.dev/blog/css-variables-in-wc

#css

CSS Hyphens, Words, Syllables, and Languages

Frank M Taylor on the importance of correctly identifying the language in your HTML if you want to use CSS hyphens. - https://blog.frankmtaylor.com/2025/07/17/css-hyphens-words-syllables-and-languages

#css

A Handy Use of Subgrid To Enhance a Simple Layout

Andy Bell shows how CSS subgrid can help you maintain a nice reading line in your layouts. - https://piccalil.li/blog/a-handy-use-of-subgrid-to-enhance-a-simple-layout

#css

So many ranges, so little time: A cheatsheet of animation-ranges for your next scroll-driven animation

Saron Yitbarek explains everything you need to know about animation-ranges in scroll-driven animations. - https://webkit.org/blog/17184/so-many-ranges-so-little-time-a-cheatsheet-of-animation-ranges-for-your-next-scroll-driven-animation

#css

Impact of AI on Tech Content Creators

Chris Coyier shares some thoughts on how AI might impact content creators. - https://chriscoyier.net/2025/07/23/impact-of-ai-on-tech-content-creators

#css

Creating a Scroll-Spy With 2 Lines of CSS

Una Kravets explains how scroll-target-group lets you create a scroll-spy table of contents with basically two lines of CSS. - https://una.im/scroll-target-group

#css

Quick & Easy Theme Transitions

Kevin Powell shows how to spice up your site with quick & easy theme transitions. - https://www.youtube.com/watch?v=f_aqzyIDudI

#css

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