Desert Racer: World's First CSS-Only Swipe-Aware Game!
Philip Warkentien II created a CSS-only, no JS, no checkbox, swipe-aware (scroll-aware) game. In this article, you’ll learn exactly how it was built.
Issue #584
An Interactive Guide to CSS Container Queries
Ahmad Shadeed shares an interactive guide to container queries, explaining the problems they solve, how they work, and how you can use them today in your workflows.
From Our Sponsor
WorkOS: modern auth for B2B SaaS apps
WorkOS supports both the foundational auth as well as more complex enterprise features like single sign-on (SSO).
It provides flexible and easy-to-use APIs, helping companies like Vercel, Loom, and Webflow offer enterprise-grade auth.
Best of all, WorkOS User Management supports up to 1 million MAUs for free.
CSS Weekly on YouTube
▶ Email Obfuscation Using CSS
Learn how email obfuscation works and why you should obfuscate your emails using CSS.
What Have I Been up To
Mastering Linting: Stylelint Basics
I’ve published a new module for my course, Mastering Linting, in which I explain in detail how to set up Stylelint.
You’ll learn how to configure it, use it from the command line, and set it up in VS Code.
You’ll also gain an understanding of how the different types of rules available in Stylelint work and how they can help you avoid errors and enforce conventions in your CSS.
Use coupon code STYLELINTBASICS to get an extra 25% off on an already discounted pre-sale price at the checkout.
Inspiration
On-Scroll Expanding Image Animation within Typography
Manoela Ilic created a stunning on-scroll expanding image animation.