Issue #528

November 2, 2022

Friends!

I’ve announced my course, Mastering Prettier & Stylelint a while ago, and I’m thrilled to share that the first two modules are finally released.

If you already signed up, you can watch the first two modules immediately. If not, the presale discount is still active, and you can get an additional 20% off on the Masterclass package with the coupon code SUBSCRIBER20.

Mastering Prettier & Stylelint »

Headlines

Building Chrometober!

Jhey Tompkins shows how the scrolling book, an impressive demo showcasing the CSS scroll-linked animations API, came to life.

Do You Really Understand CSS Radial-Gradients?

Patrick Brosset explains in detail how radial gradients work.

Presenting the An Event Apart San Francisco 2022 agenda

Looking for a professional edge? Join us at An Event Apart San Francisco 2022 for three days of learning on CSS, design, and more.

Topics include advanced CSS, UX best practices, performance and accessibility, rethinking design, front-end focus, improving your work life, and more.

As a CSS Weekly subscriber, you can save $100 on any multi-day pass with promo code AEACSSW22.

Join us December 12–14.

See the agenda and register today!

Articles & Tutorials

The New CSS Media Query Range Syntax

Preethi Selvam explains range syntax for Media Queries, a new syntax for targeting a range of viewport widths using common mathematical comparison operators.

CSS Speech

Léonie Watson introduces the CSS Speech, a set of CSS properties intended to let authors design the aural presentation of content.

Let’s Talk About Web Components

Brad Frost gives a nice, in-depth writeup on Web Components.

Fancy Image Decorations: Outlines and Complex Animations

Temani Afif explores some techniques for creating image decorations using the CSS outline property.

Using HSL colors in CSS

Temitope Oyedele gives an introduction to HSL color format. (I’ve also created a video on the subject, “why you should switch to HSL,” a while ago.)

CSS Stickers

I got a major itch to release a sticker set (CSS themed, of course). And right now, I’m still trying to figure out if anyone would be interested in this.

So if you’re even remotely interested, please sign up to get updates related to CSS Stickers (and only CSS Stickers).

Tools

Lucide

Beautiful & consistent icon toolkit made by the community.

Check it out

Devices.css

Modern devices crafted in pure CSS crafted by Yan Zhu.

Check it out

Inspiration

CSS Luminous

Greg Robleto recreated the amazing scene from the Andor TV show when the heroes are chased by TIE fighters through a luminous meteor shower called The Eye.

Get inspired

Until Next Week

Thank you so much for reading!

If you still haven’t, check out my upcoming course Mastering Prettier & Stylelint. And use the coupon code SUBSCRIBER20 to get additional 20% off on the Masterclass package as a CSS Weekly subscriber.

Happy coding,
Zoran Jambor

Issue #527 Issue #529