Firefox DevTools now hides unused CSS variables to reduce clutter and improve debugging workflow for developers.
A guide to configuring Shiki's dual light and dark syntax highlighting themes in an Astro.js project.
A developer details updating their blog's code syntax highlighting and theme colors using Shiki and CSS custom properties.
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 guide on using CSS media queries and custom properties (variables) together to create more manageable and maintainable responsive web designs.
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.
Explores advanced, practical applications of CSS variables beyond basic color tokens, with examples for dynamic styling and code efficiency.
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 CSS variables to create composable utility classes for non-decomposable CSS properties like transform.
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.
Explains how to use CSS Variables for global project settings and component-scoped styles to improve CSS maintainability and prototyping.
A tutorial on using CSS custom properties (variables) to create reusable values, improve code maintainability, and easily manage themes in stylesheets.
A 90-second video and transcript explaining CSS Custom Properties (CSS variables), including syntax, scoping, defaults, and dynamic usage.
A technical guide to implementing a perfect, flicker-free Dark Mode for React applications using Gatsby or Next.js.
