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