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.
The @property rule in CSS Houdini is now universally supported, enabling typed custom properties, fallbacks, and animating gradients.
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).
Explains how to dynamically change CSS custom properties (variables) using Tailwind CSS utility classes for responsive layouts.
A tutorial on how to get and set CSS Custom Properties (CSS Variables) using vanilla JavaScript, including helper functions to simplify the process.
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.
Explains the CSS @property rule, part of Houdini, which adds type checking, fallbacks, and inheritance control to CSS custom properties.
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.
