Minimal CSS-Only Blurry Image Placeholders
Lean Rada shares a CSS technique that produces blurry image placeholders (LQIPs) without cluttering your markup.
Issue #610
First Look at The Modern attr()
Ahmad Shadeed explores different use cases for the modern attr() function.
From Our Sponsor
Are you sick of spam?
And looking for a way to stop your email address being targeted? Proton Pass is a password manager designed to help you keep track of your passwords, stay safe online, and protect your email inbox. Since 2014, Proton has been offering an alternative to Big Tech. No selling data and no tracking your activity online: Take control of your digital identity with Proton Pass.
With Proton Pass you can:
- Store unlimited passwords
- Share safely with friends and family, even if they don’t have Proton accounts
- Create 10 email aliases to hide your personal email address
- Get free access to our VPN, mail, and drive service
CSS Weekly on YouTube
▶ Top 5 CSS Navigation Menu Mistakes
Find out how to improve the UI of your navigation menus with a few lines of CSS. Along the way, you’ll learn how to create a delayed closing effect for the dropdown menus with transition-behavior CSS property, how you can utilize the :has() pseudo-class to simplify your HTML, and more.
▶ Frontend News #13: document.designMode, Baseline & Polyfills, Style Observer
Find out how document.designMode works, improve your thinking about browser support and polyfills, learn how to observe CSS property changes using the Style Observer library, and more.
Sponsored Link
Jelly: Make Customer Support Simple & Sweet!
Keeping up with customer emails shouldn’t feel like flying a 747. Jelly makes it easy and affordable: one flat price per team, not per user. No surprise bills—just a simple shared inbox that helps your team respond faster, stay organized, and keep customer conversations flowing smoothly.
Inspiration
Text Circle Animation (CSS Only)
Stijn Van Minnebruggen created an incredible interactive demo using only CSS.