Building Out a Layered Hero Grid Layout From Dribbble
Andy Bell shows how to create an interesting grid layout with a unique background image treatment.
Issue #576
CSS Blurry Shimmer Effect
Yair Even Or explains how to create a blurring effect in place of a shadow using a combination of masks, gradients, and the backdrop-filter property.
From Our Sponsor
The future of intelligent composable content
Contentful brings intelligent digital experiences to life. With generative AI and composable content, the possibilities are as limitless as your team’s creativity.
CSS Weekly on YouTube
▶ How To Tweak CSS Using Boosts in Arc Browser
An in-depth guide on using Boosts in Arc browser to tweak CSS of websites to your own needs—on a practical example of adjusting Daring Fireball to become mobile responsive using CSS Grid. You’ll learn how to use Arc Boots, Changes Drawer in DevTools, how to easily set up mobile-responsive CSS Grid, and more.
Promoted Link
Miro — The newest addition to your wireframe toolkit
Create quick app and website wireframes, ideate on sticky notes, map user flows, and collect references. Do it all in one wireframing tool.
Inspiration
CSS Scroll-Driven Scroll-Snapping Animations
Giana created a stunning demo that showcases the power of scroll-driven animations.