
Issue #450
Learn how @property works, how to generate images with CSS Painting API programmatically, how to create Scroll-Linked Animations based on an element's location within its scroller, and more.


Programmatically Generate Images with CSS Painting API
Viduni Wickramarachchi shows how to programmatically generate geometric images on the fly using the CSS Painting API.
From Our Sponsor (via Paved)

Never build a CSV importer again
Messy spreadsheets, encoding formats, non-technical users, data import is a pain! That’s why we built Flatfile Portal, the elegant import button. It drops in your product with pre-built SDKs, and guides users through an intuitive import experience in minutes.![]()
Articles & Tutorials
The Future of CSS: Scroll-Linked Animations with @scroll-timeline (Part 2)
In the second part of the article, Bramus Van Damme explores creating Scroll-Linked Animations based on an element’s location within its scroller.
An Accessible Current Page Navigation State
Callum Hart outlines the design and technical considerations behind supplementing color with a second visual indicator – covering CSS, accessibility, performance, and resilience.
Web Components Are Easier Than You Think
John Rhea gives an excellent introduction to Web Components.
Stop Using Icon Fonts
Michael Irigoyen explains why we should stop using icon fonts replacing them with SVG icons.
How To Display Language-Specific Quotes in CSS
Stefan Judis demonstrates how to show language-dependent correct quote characters.
Promoted Link

Inspiration and instruction from fifteen of the world’s top experts.
Take your career to the next level with tips and insights from Rachel Andrew, Jeremy Keith, Wil Reynolds, Ire Aderinokun, Dave Rupert, Scott Jehl, and more at An Event Apart Online Together: Spring Summit, a 3-day conference coming to a device near you April 19–21.
Tools
Quick Menu
Quick Menu is user-friendly mobile navigation for the web that places everything in thumb’s reach.
Inspiration

Responsive CSS Wardrobe
Jhey Tompkins created an impressive interactive scene using only CSS.
Until Next Week
Thanks for reading! If you find the content valuable, please consider supporting the newsletter on Patreon.
Happy coding,
Zoran Jambor

Baseline Status for Video
A handy online tool that will let you easily show Baseline Status in your videos.

AI Developer Newsletter
A short, friendly roundup of the most useful tools, ideas, and real-world examples—curated specifically for developers like you.

