Range Syntax for Style Queries
Una Kravets explains how to use the new range syntax for CSS style queries and the if() function.
Issue #629
Brand New Layouts with CSS Subgrid
Joshua Comeau demonstrates some of the exciting new things you can do with subgrid, and, along the way, explains the basic mechanics of subgrid.
From Our Sponsor
Save £60 on all Piccalilli courses and get a 50% discount coupon to use any time
Every purchase of Complete CSS, Mindful Design and JavaScript for Everyone during this period gets you a 50% discount coupon that you can use at any time, on any course.
That means if you buy one course for £189 (down from £249), you get the next one for £124.50, saving over £180 against the full, £498 price of both courses!
CSS Weekly on YouTube
▶ How to Easily Create Modern, CSS-First Forms in WordPress
Learn how to build stylable forms in WordPress using the IvyForms plugin easily. Along the way, you’ll learn how to use Chrome DevTools Changes drawer, how to tweak colors consistently using OKLCH color format, how to apply additional CSS in WordPress theme editor, and more.
▶ How To Add Additional CSS to a WordPress Theme When “Customize” Is Missing
Learn two simple (but confusing) ways to add Additional CSS to WordPress, even if your theme is missing the “Appearance – Customize” option.
CSS Weekly Black Friday Deal
Get Your CSS Stickers Pack for 40% Off — This Week Only
If you still haven’t gotten your CSS Stickers pack, now is your chance to get it with a massive 40% discount. If you jump on this deal, you won’t only get an awesome stickers pack, but you’ll also support my work and CSS Weekly—thanks.
Use the coupon code BLACKFRIDAY2025 at checkout.
Inspiration
Hypnotic Animation Using sibling-Index() + corner-shape
Chris Bolson created a mesmerizing animation by combining sibling-index() and corner-shape.