
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

CSS Stickers
A set of beautiful, cute, and funny CSS stickers to showcase your love for CSS.

CSS Weekly YouTube Channel
Weekly hands-on tutorials, tips, tools, news, and more — everything related to CSS and front-end development, created by Zoran Jambor.

