Masonry: Things You Won’t Need A Library For Anymore
Patrick Brosset takes a deep dive into what CSS Masonry means for web developers and how you could make use of it in your own work.
Issue #630
Using CSS To Fix the Irradiation Illusion
Adam Argyle explains how to adjust perceived font weight in dark mode without the layout shift, using variable fonts and the GRAD axis.
From Our Sponsor
Last Chance: Get Certified with up to 50% OFF
Your final opportunity this year to get certified in Vue, React, Angular, or JS with up to 50% off. Start the new year with validated skills and a credential that stands out. Offer ends soon.
CSS Weekly on YouTube
▶ How To Create an Adaptive SVG Favicon Using the prefers-color-scheme Media Query
Find out how to create an adaptive favicon that automatically switches to a light/dark color scheme using SVG icon format and prefers-color-scheme media query.
▶ Frontend News #18: Self-Destructing CSS, Throttle Specific Requests In Chrome DevTools
Find out why you should use the self-destructing CSS pattern when working with web components, how to throttle specific requests in Chrome DevTools, and more.
Sponsored Link
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!
Inspiration
Chrome: CSS Scroll Based Animations
Pim van Die created a stunning demo that showcases the power of scroll-based animations.