The Front End Developer/Engineer Handbook 2024
Cody Lindley created a comprehensive guide to modern front-end web development/engineering.
Issue #585
Sliding 3D Image Frames In CSS
Temani Afif shows how to apply 3D effects and sliding transitions to a single
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
▶ CSS Email Obfuscation - Create a Clickable Link
A hands-on guide on how to create clickable CSS-obfuscated email links with a bit of JavaScript.
▶ VS Code Tips - Fix Multiline Comments in CSS/HTML
A quick tip showing how to fix broken block comments behavior in Visual Studio Code by utilizing the built-in Emmet toolkit.
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
Growing Rings Loader - CSS
Josetxu created another stunning animation using just CSS.