Here’s a question I get a lot: > “Now that AI can generate front-end UIs for us, what’s the point of learning CSS ourselves?” I think there are lots of reasons, including that you can use AI much more effectively if you understand CSS yourself. But is that actually true? Let’s discuss. 🧵

✨ I just published a new post, and it’s all about one of the most mind-blowing new CSS features: subgrid. Honestly, when I first heard about subgrid, I figured it’d be a convenient little utility. I had no idea it would solve one of the most longstanding issues I’ve had with CSS. 😮 Check it out:

Automattic files counterclaims against WP Engine's October 2024 lawsuit and alleges that WP Engine has been abusing the WordPress trademark (Sarah Perez/TechCrunch) Main Link | Techmeme Permalink

💌 A once–weekly roundup of the best #frontend news, articles and tutorials. HTML, CSS, WebGL, Canvas, browser tech, and more: frontendfoc.us

Interop 2025 is looking good!

I often see the word 'kerning' used incorrectly by CSS heads when the term they're actually looking for to describe letter spacing is 'tracking'. Let me explain using CSS terminology! Tracking is the same as gap in flex layouts; consistent spacing applied across the entire text. But what if... 🧵

Shares some solid scenarios where you may want to use this handy function. https://www.amitmerchant.com/the-progress-function-css/

Interop Feature Ranking: https://interop-rank.jakearchibald.com/ Help rank the focus areas for Interop 2026!

CSS Grid: A Helpful Mental Model and The Power of Grid Lines - https://webkit.org/blog/17474/css-grid-a-helpful-mental-model-and-the-power-of-grid-lines/

Vite: The Documentary - https://www.youtube.com/watch?v=bmWQqAKLgT4

The W3C logo has had a refresh: https://www.w3.org/blog/2025/w3c-logo-refresh-more-than-a-cosmetic-change-a-small-step-towards-durable-and-sustainable-success/

Modern CSS Round-Out Tabs: https://frontendmasters.com/blog/modern-css-round-out-tabs/ Chris revisits an old tabular user interface pattern and updates it with `shape`.

Dev Tools: 20+ Privacy-First Productivity Tools for Developers - https://dev-tool.dev/

ogImage.click: A Free Open Graph Image Generator - https://ogimage.click/

As an experiment, we (the Firefox team) wanted to try a new way to get feedback on which Interop proposals matter most. So, here's a web app where you can rank the proposals you care about, giving us data we can use when reviewing which ones to champion. interop-rank.jakearchibald.com

What are your favorite CSS functions?

What an amazing milestone.

BlueSky Likes: Flexible Components for Displaying Bluesky Likes - https://github.com/LeaVerou/bluesky-likes

Anchor Positioning has a way to declare where the item appears. Use the `position-area` property with pre-named areas! @saron.bsky.social realized maybe some of the names are confusing. Read more & help decide — should the names be changed? webkit.org/blog/17417/p... What do you think??

Color Shifting in CSS: https://www.joshwcomeau.com/animation/color-shifting/

Follow-the-Leader Pattern with CSS Anchor Positioning: https://una.im/follow-the-anchor/

Should You Preload Fonts for Performance? https://www.erwinhofman.com/blog/should-you-preload-fonts-for-performance/

The Basics of Anchor Positioning: https://ishadeed.com/article/anchor-positioning/

Is it Time to Un-Sass? https://css-tricks.com/is-it-time-to-un-sass/

10 CSS Features I've Found Really Useful: https://koolcodez.com/blog/useful-css-features/

How To Minimize The Environmental Impact Of Your Website: https://www.smashingmagazine.com/2025/09/how-minimize-environmental-impact-website/

Webflow Donates $150,000 to Support Astro’s Open Source Mission: https://astro.build/blog/webflow-official-partner/

Color Shifting in CSS: https://www.joshwcomeau.com/animation/color-shifting/

Low and Mid-Tier Mobile for the Real World: https://csswizardry.com/2025/08/low-and-mid-tier-mobile-for-the-real-world-2025/

“Your” Vs “My” in User Interfaces: https://adamsilver.io/blog/your-vs-my-in-user-interfaces/ When labelling items in your UI which should you use My Account, Your Orders, etc, and do you even need them at all?

Getting Creative With Images in Long-Form Content: https://css-tricks.com/getting-creative-with-images-in-long-form-content/

Visualizing Responsive Typography: https://www.oddbird.net/2025/08/26/type-visual/ #video

10 CSS Features I've Found Really Useful: https://koolcodez.com/blog/useful-css-features/

You No Longer Need JavaScript (For Many Frontend Things): https://lyra.horse/blog/2025/08/you-dont-need-js/

90's Cursor Effects: https://tholman.com/cursor-effects/

Peaks.js 4.0: UI Component for Interacting with Audio Waveforms - https://codeberg.org/chrisn/peaks.js

Should You Preload Fonts for Performance? https://www.erwinhofman.com/blog/should-you-preload-fonts-for-performance/

The Basics of Anchor Positioning: https://ishadeed.com/article/anchor-positioning/

PatternCraft: Modern Background Patterns & Gradients - https://patterncraft.fun/

JSON Editor: A JSON Schema Based Editor - https://github.com/json-editor/json-editor

Hoverly: Add On-Hover Effects to Your Links and Headings - https://hoverly.wpwork.shop/

Designing Chrome's Built-in AI Web APIs: https://domenic.me/builtin-ai-api-design/

CSS Questions: https://css-questions.com/ A just for fun, multiple choice quiz to test your CSS knowledge. You can either go for the basic test of 20 questions, or try out the comprehensive exam of 60 questions. Good luck! 🫡

Email is Easy: https://e-mail.wtf/ A quiz in which you have to decide if the displayed email address is valid or not. A fair few of these surprised me.

How AI Is Changing Search Behaviors: https://www.nngroup.com/articles/ai-changing-search-behaviors/

Using the Custom Highlight API: https://frontendmasters.com/blog/using-the-custom-highlight-api/

Email is Easy: https://e-mail.wtf/ A quiz in which you have to decide if the displayed email address is valid or not. A fair few of these surprised me.

In #WebAssembly spec news, #Wasm 3.0 is complete 🎉! Read all about it in Andreas Rossberg's article: webassembly.org/news/2025-09....

The Call For Papers for this years HTMHell Advent Calendar is still open! Please submit your ideas. You can write about anything related to HTML. docs.google.com/forms/d/e/1F...

You Don't Need Animations: https://emilkowal.ski/ui/you-dont-need-animations