“CSS Custom Properties vs. Sass Variables: A Pragmatic Guide” by @sturobson
https://www.alwaystwisted.com/articles/css-vs-sass
> The interplay between Sass variables and CSS custom properties should be a strategic partnership. Over nearly a decade of evolving web practices, one truth persists: robust systems balance rigidity with adaptability. Sass anchors the immutable, CSS custom properties breathe life into any required fluidity.
“CSS Custom Properties vs. Sass Variables: A Pragmatic Guide” by @sturobson
https://www.alwaystwisted.com/articles/css-vs-sass
> The interplay between Sass variables and CSS custom properties should be a strategic partnership. Over nearly a decade of evolving web practices, one truth persists: robust systems balance rigidity with adaptability. Sass anchors the immutable, CSS custom properties breathe life into any required fluidity.
Maybe Don’t Use Custom Properties in Shorthand Properties, by @matuzo:
https://www.matuzo.at/blog/2025/invalid-custom-properties-in-shorthands
Custom Property Fallbacks, by @matthewmorete.com (@frontendmasters.com):
Limitation Breeds Creativity: A Study in Composition with Custom Properties
by Michelle Barker
@michelle
#demo #css #webdev #CustomProperties
Heute bin ich auf der #unkonf in Mannheim, veranstaltet von @bitexpert .
In den letzten Jahren waren dort wenige Frontend-Entwickler. Ein guter Grund einmal wichtige Neuerungen im Frontend der letzten Jahre zu zeigen.
Ich hoffe, ich schaffe alle Themen.
https://grochtdreis.de/vortraege/neues-frontend-2024/index.html#/
Making Orbit Animations with CSS Custom Properties
by Will Boyd
#animation #css #CustomProperties #webdev
https://codersblock.com/blog/making-orbit-animations-with-css-custom-properties/
#tinyCSStip (or gotcha) If you want to get the correct result when using smth like
atan2(var(--y), var(--x))
with --y and --x having different units...
then you need to register --x and --y as length values!
Or how I lost > 30min trying to figure out why my angle was 4° off...
The surprising behavior of "important CSS custom properties"
by Stefan Judis @stefan @stefanjudis
#CSS #customproperties #ImportantFlag #specificity #webdev
How we’re approaching theming with modern CSS
by Andy Bell @belldotbz @belldotbz
#theming #css #webdev #layers #root #CustomProperties
https://piccalil.li/blog/how-were-approaching-theming-with-modern-css/
Knobs - UI controllers for JS/CSS manipulation
by Yair Even Or
UI knobs controllers for JS/CSS live manipulation of various parameters
#js #knobs #controllers #CSSvariables #CustomProperties
Offloading JavaScript With Custom Properties
by Heydon Pickering @heydonworks @heydon
#js #webdev #CustomProperties
https://heydonworks.com/article/offloading-javascript-with-custom-properties/
I so often get annoyed with #CSS #tutorials whose half of the code is variables, just to reduce redundancy. They would be much quicker to understand in pure CSS. If I need a value just barely twice, I'd rather write "0.3s" twice instead of "var(--blah-motion-duration)". What the fuck? You don't need to show off that you understand #CustomProperties.
Does anyone have any recommendations for #vscode #extensions to make #CSS #customproperties easier to work with across files? Mostly looking for global intellisense, so I can type in `--var` and get suggestions and autofilling the `var()` like I can if they're all in one file
️ CSS Quick-Tip: Custom Properties Fallback Values
by @zoranjambor at @CSSWeekly
#css #webdev #CustomProperties
New post: CSS Custom Properties Beyond the :root
#CSS #customproperties
https://matthiasott.com/notes/custom-properties-beyond-the-root
Invalid at computed-value time
by Manuel Matuzović @matuzo
#InvalidCustomProperties #CustomProperties #webdev
Pablo Lara H️ CSS color functions and custom properties
by Manuel Matuzović
@matuzo
#css #color #webdev #customproperties
Creating A High-Contrast Design System With CSS Custom Properties
by Brecht De Ruyte @utilitybend @utilitybend
at @smashingmag
#accessibility #DesignSystem #CSS #CustomProperties
https://www.smashingmagazine.com/2023/01/creating-high-contrast-design-system-css-custom-properties/