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