Getting Started With CSS Container Queries
Michelle Barker gives a fantastic introduction to Container Queries.
Issue #569
Radial Gradients and CSS Trigonometric Functions
Michelle Barker demonstrates how to create interesting shapes using radial gradients and trigonometric functions.
From Our Sponsor
Build with the power of code — without writing any
Take control of HTML, CSS, and JavaScript in a visual canvas. Webflow generates clean, semantic code that’s ready to publish or hand to developers.
CSS Weekly on YouTube
▶ CSS Tips - Custom list styles with @counter-style
A quick tip on using @counter-style CSS at-rule to change list bullet points into emojis, using “system,” “symbols,” and “suffix” descriptors.
▶ Flexbox — justify-content or align-items?!?
CSS Quick tip that will help you understand if you need justify-content or align-items property in Flexbox.
What Have I Been up To
Mastering Linting — 60% Off Until Tuesday
In line with everyone else, as I’m working on releasing the first Stylelint module, my course, Mastering Linting, is having a Black Friday sale. It’s a massive 60% off with a coupon code FRIDAY.
The coupon is valid only until Tuesday (December 5), so act now—by buying this course, you’re directly supporting CSS Weekly—thank you!
Inspiration
Glide To Reveal with CSS :has()
Jhey Tompkins created a stunning demo powered by :has() pseudo-class.