A guide on using CSS variables to create cleaner, more maintainable and scalable stylesheets for web development.
Exploring current CSS hacks for conditionals before the official if() function arrives, discussing trade-offs between developer convenience and user needs.
The CSS WG has approved adding an inline if() function to CSS, a new feature for conditional logic within stylesheets.
Learn how to dynamically style CSS pseudo-elements like ::after using JavaScript and CSS custom properties (variables).
A deep dive into the CSS `revert` keyword and why it behaves unexpectedly with custom properties, based on a Twitter quiz most developers got wrong.
A CSS tutorial on implementing dark mode quickly by inverting lightness variables, with a fallback approach for existing color schemes.
A CSS technique using a single custom property with a space value to toggle multiple style declarations on and off, enabling conditional styling.
A beginner-friendly introduction to CSS variables (custom properties), explaining their syntax and basic usage with simple code examples.
Explores using the Cicada Principle with CSS variables and prime numbers to create pseudo-random visual patterns in web design.
A tutorial on creating a hybrid absolute/fixed positioning effect for a navigation sidebar using CSS variables and JavaScript.
A technical guide to implementing a perfect, flicker-free Dark Mode for React applications using Gatsby or Next.js.
A guide for React developers on using CSS Variables (Custom Properties) to enhance styling workflows and unlock new possibilities.
A technical guide on creating animated rainbow gradients in CSS, detailing the evolution from a basic approach to a more dynamic solution.
A technique for autoprefixing CSS properties using CSS variables, demonstrated with clip-path.
