I’ve Changed My Mind About CSS Variables (aar )Oct 19, 2026 103 css Controlling When CSS Custom Property Values Are Computed (jaf )Aug 26, 2026 102 css Shadow-Piercing Local Component Variables (dav )Aug 17, 2026 101 components , css “!important” and CSS Custom Properties (chr /fro )Jan 1, 2026 100 css , cascade Shuffling a CSS Grid Using Custom Properties (cod )Nov 24, 2025 99 css , grids It Is OK to Say “CSS Variables” Instead of (or Alongside) “Custom Properties” (kiz )Nov 14, 2025 98 css , variables , terminology Smashing Animations: Magnificent SVGs With “<use>” and CSS Custom Properties (mal /sma )Nov 7, 2025 97 animations , transforms , svg , css Making Context-Aware Components: How CSS “inherit()” Could Simplify Design Systems (stu )Oct 16, 2025 96 components , css , functions Top 11 CSS Tricks Every Web Developer Should Know Oct 10, 2025 95 css , layout , animations , selectors , positioning , dark-mode , resets , tips-and-tricks Public CSS Custom Properties in the Shadow DOM (mic )Jul 15, 2025 94 css , shadow-dom , dom , animations The Mythical Magical Button (cri )Jun 24, 2025 93 buttons , css , custom-data , html Creating CSS Theme Variables From a JS File (mic )Apr 22, 2025 92 css , theming , javascript , conversion Maybe Don’t Use Custom Properties in Shorthand Properties (mat )Mar 6, 2025 91 css , shorthands Custom Property Fallbacks (mat /fro )Feb 28, 2025 90 css CSS “@function” + CSS “if()” = 🤯 (bra )Feb 18, 2025 89 css , functions , conditionals , dark-mode Pure CSS Mixin for Displaying Values of Custom Properties (kiz )Jan 27, 2025 88 css , mixins 6 CSS Snippets Every Front-End Developer Should Know in 2025 (arg )Jan 19, 2025 87 css , functions , transitions , animations , gradients , effects Making Orbit Animations With CSS Custom Properties (lon )Sep 16, 2024 86 css , animations , effects Captured Custom Properties (kiz )Sep 2, 2024 85 css Querying the Color Scheme (kiz )Aug 29, 2024 84 css , container-queries , dark-mode Providing Type Definitions for CSS With “@property” (5t3 )Jul 19, 2024 83 css Thoughts on CSS in 2024 (j9t )Jul 15, 2024 82 css , selectors , resets , logical-properties The Times You Need a Custom “@property” Instead of a CSS Variable (pre /sma )May 13, 2024 81 css , animations , transitions Write Better CSS With Modern CSS (css )Apr 24, 2024 80 css , nesting , media-queries , tips-and-tricks An Advanced Way to Use CSS Variables (cfe )Apr 3, 2024 79 css Add Superpowers to Your CSS Variables With Style Queries (jar /van )Mar 8, 2024 78 css , style-queries Parallax Effect With CSS Custom Properties (fro )Feb 21, 2024 77 css , effects , parallax Offloading JavaScript With Custom Properties (hey )Feb 7, 2024 76 javascript , css Clean Architecture: Theming With Tailwind and CSS Variables Dec 20, 2023 75 theming , tailwind , css Using CSS Custom Properties Like This Is a Waste (kev )Oct 12, 2023 74 videos , css Naming Variables in CSS (doc )Oct 7, 2023 73 css , naming Expert CSS: The CPU Hack Sep 17, 2023 72 css How Custom Property Values Are Computed (5t3 )Sep 14, 2023 71 css Going Beyond Constants With Custom Properties (uti /iod )Jun 26, 2023 70 css The Case for Variables Jun 23, 2023 69 sass , css , variables , json , figma Creating Scroll-Triggered Animations by Combining Scroll-Driven Animations, Custom Properties, Style Queries, and Transitions (bra )Jun 15, 2023 68 css , animations , transitions , scrolling , style-queries Cyclic Dependency Space Toggles (kiz )Jun 14, 2023 67 toggles , css Register Custom Properties in CSS, Get and Update Them With JavaScript (oll )May 24, 2023 66 css CSS Custom Properties Beyond the “:root” (mat )Apr 20, 2023 65 css , semantics The Gotcha With Animating Custom Properties (bra )Feb 1, 2023 64 css , animations , performance Creating a High-Contrast Design System With CSS Custom Properties (uti /sma )Jan 26, 2023 63 design-systems , css , contrast , colors CSS Color Functions and Custom Properties (mat )Jan 12, 2023 62 css , colors , functions An Interesting Limitation of CSS Custom Properties (tyl /clo )Nov 17, 2022 61 css How Is This Possible With CSS Only?! (kev )Sep 1, 2022 60 videos , css , selectors , animations Interpolating Numeric CSS Variables (geo /css )Aug 30, 2022 59 css The Future of CSS: Variable Units, Powered by Custom Properties (bra )Jul 8, 2022 58 css , units CSS Variable Secrets (lea /css )Jun 30, 2022 57 videos , css How to Use Variables in CSS: CSS Custom Properties (web )Jun 5, 2022 56 how-tos , css Evaluating Design System Adoption Using Custom CSS Apr 14, 2022 55 design-systems , css , metrics Windows High Contrast Mode, Forced Colors Mode, and CSS Custom Properties (eri /sma )Mar 21, 2022 54 css , colors , contrast , windows Taming CSS Variables With Web Inspector (web )Mar 2, 2022 53 css , browsers , tooling Multi-Value CSS Properties With Optional Custom Property Values (css )Feb 11, 2022 52 css CSS Custom Properties (5t3 )Dec 15, 2021 51 css Standardizing Focus Styles With CSS Custom Properties (5t3 /css )Dec 10, 2021 50 css , accessibility , focus Open Props (arg )Dec 1, 2021 49 websites , css , props The Surprising Behavior of “Important CSS Custom Properties” (ste )Nov 30, 2021 48 css , cascade Parallax Powered by CSS Custom Properties (jhe /css )Nov 19, 2021 47 css , effects , parallax Using CSS Variables for Reduced Motion on a Global Scale (cit )Oct 28, 2021 46 css , media-queries , reduced-motion On Using Custom Properties (bra )Oct 22, 2021 45 css Custom Properties With Defaults: 3+1 Strategies (lea )Oct 15, 2021 44 css Different Degrees of Custom Property Usage (chr /css )Oct 14, 2021 43 css Custom Properties and “@property” Jul 21, 2021 42 css Build Complex CSS Transitions Using Custom Properties and “cubic-bezier()” (css /css )Jul 14, 2021 41 css , transitions , complexity The Dilemma of Naming Font Size Variables (css )Jul 6, 2021 40 css , preprocessors A Complete Guide to Custom Properties (chr /css )Apr 27, 2021 39 guides , css , examples Sometimes, a Billion Laughs Aren’t So Funny—Improving CSS Variables in WebKit Apr 24, 2021 38 css , browsers , browser-engines , webkit Custom Properties as State (chr /css )Jan 5, 2021 37 css Color Theming With CSS Custom Properties and Tailwind (mic /css )Nov 19, 2020 36 theming , colors , css , tailwind Naming Color Variables in CSS (ahm )Nov 4, 2020 35 css , colors , design-tokens , naming The “--var: ;” Hack to Toggle Multiple Values With One Custom Property (lea )Oct 12, 2020 34 css , hacks , toggles CSS Variables 101 (sha )Oct 6, 2020 33 introductions , css Custom Properties: Questioning “:root” (j9t )Sep 21, 2020 32 cross-posts , css Using “@property” for CSS Custom Properties (chr /css )Sep 2, 2020 31 css , houdini The Cicada Principle, Revisited With CSS Variables (lea )Jul 7, 2020 30 principles , css How to Get All Custom Properties on a Page in JavaScript (tyl /css )Jun 8, 2020 29 how-tos , css , javascript A User’s Guide to CSS Variables (lea )May 21, 2020 28 guides , css Creating Color Themes With Custom Properties, HSL, and a Little “calc()” (css )Apr 16, 2020 27 theming , colors , css , functions The Web in 2020: Extensibility and Interoperability (una /css )Jan 22, 2020 26 web-platform , extensibility , interoperability , houdini , variable-fonts , logical-properties , web-components , media-queries , performance CSS Custom Properties in the Cascade (mia /sma )Jul 1, 2019 25 css , cascade , examples Did You Know That CSS Custom Properties Can Handle Images Too? (fon /css )Feb 27, 2019 24 css , images Styling a Web Component (chr /css )Jan 8, 2019 23 web-components , shadow-dom , dom , css , html Updating a CSS Variable With JavaScript (chr /css )Sep 12, 2018 22 css , javascript A Strategy Guide to CSS Custom Properties (sma )May 14, 2018 21 guides , strategies , css Using Custom Properties to Modify Components (fon /css )Aug 18, 2017 20 components , css How to Use CSS Custom Properties With Transitions, Transforms, and Animations Aug 1, 2017 19 how-tos , css , transitions , transforms , animations CSS Custom Properties—Dynamic Changes With and Without JavaScript Jul 26, 2017 18 css How to Use CSS Custom Properties to Write More Readable Code Jul 11, 2017 17 how-tos , css How to Define and Use CSS Custom Properties Jun 27, 2017 16 how-tos , css The Issue With Preprocessing CSS Custom Properties (chr /css )May 11, 2017 15 css , preprocessors , javascript It’s Time to Start Using CSS Custom Properties (sma )Apr 19, 2017 14 css , examples CSS Custom Properties as Your API (ser )Feb 17, 2017 13 css , web-components CSS Custom Properties—the Basics (ser )Jan 27, 2017 12 fundamentals , css What Is the Difference Between CSS Variables and Preprocessor Variables? (chr /css )Oct 25, 2016 11 css , preprocessors , variables , comparisons Autoprefixing, With CSS Variables! (lea )Sep 7, 2016 10 css , vendor-extensions CSS Variables: The Architecture Backbone (sma )Jan 13, 2016 9 css , sass , preprocessors Coming Soon: Native CSS Variables (cra )Sep 10, 2012 8 css , less , sass CSSOM, Vars, Mixins, Nesting, and Modules (tab )Jan 22, 2011 7 css , cssom , mixins , nesting , modules Why CSS Needs No Variables (j9t )Apr 1, 2009 6 css , variables Why Adding Variables to CSS Is a Good Thing (emi )Aug 7, 2008 5 css , variables Why “Variables” in CSS Are Harmful—an Essay (ber /w3c )Jun 30, 2008 4 css , variables , standards CSS Variables: Coming Soon to a Browser Near You (wir )Apr 29, 2008 3 css , variables CSS Variables Are Next? (dal /aja )Apr 25, 2008 2 css , variables CSS Variables (gla )Apr 8, 2008 1 css , variables