Tech does not just watch: Take action against Russia’s war on Ukraine 🇺🇦, and take action against Israel’s occupation, destruction, and ethnic cleansing of Palestine (history) 🇵🇸 Hide

Frontend Dogma

“custom-properties” News Archive

Definition, related topics, and tag feed

Definition · Supertopics: css, variables (non-exhaustive) · “custom-properties” RSS feed (per email)

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