#CustomProperties

!important and CSS Custom Properties The `!important` part doesn't become part of the value, the whole declaration is treated as !important;

2 months ago

#Development #Pitfalls
CSS custom properties with !important · When you spot the declaration gets !important ilo.im/169jcs by Chris Coyier

_____
#CssDeclarations #Specificity #CustomProperties #WebDev #Frontend #CSS

2 0 0 0

2 months ago

Happy 2026 ...

#Development #Fun
Happy New Year! · Who said 2026 is only black and white? ilo.im/169j4x by Mark Boots

_____
#Animation #CssGrid #CssCalc #CustomProperties #Design #WebDesign #WebDev #Frontend #HTML #CSS

2 0 0 0

Thoughts on Native CSS Mixins There are no browser implementations of mixins yet, nor a fleshed out spec. So perhaps now is the best time to try to understand and opine.

3 months ago

#Development #Explorations
Thoughts on native CSS mixins · What they might mean for front-end developers ilo.im/1693wl by Chris Coyier

_____
#CssMixins #CssFunctions #CustomProperties #Sass #W3C #WebStandards #Browser #WebDev #Frontend #CSS

2 0 0 0

It is OK to Say “CSS Variables” Instead of (or Alongside) “Custom Properties” TPAC 2025 just ended, and I am positively tired. Attending it remotely, my sleep schedule is chaotic right now. I have many ideas for CSS-related posts in my list of ideas for November, but almost all of them require at least some amount of research and crafting demos. Well! I found one note that…

3 months ago

It Is OK to Say “CSS Variables” Instead of (or Alongside) “Custom Properties”, by @kizu@front-end.social:

https://blog.kizu.dev/css-variables/

#css #variables #customproperties #terminology

1 0 0 0

Shuffling a CSS grid using custom properties | Christian Heilmann

3 months ago

Shuffling a CSS Grid Using Custom Properties, by @codepo8@toot.cafe:

christianheilmann.com/2025/11/24/shuffling-a-c...

#css #grids #customproperties

0 0 0 0

Smashing Animations Part 6: Magnificent SVGs With <use> And CSS Custom Properties — Smashing Magazine SVG is one of those web technologies that’s both elegant and, at times, infuriating. In this article, pioneering author and web designer Andy Clarke explains his technique for animating SVG elements that are hidden in the Shadow DOM.

4 months ago

Smashing Animations: Magnificent SVGs With “<use>” and CSS Custom Properties, by @malarkey@mastodon.social (@smashingmag@mastodon.social):

www.smashingmagazine.com/2025/11/smashing-animati...

#animations #transforms #svg #css #customproperties

2 0 0 0

Top 11 CSS Tricks Every Web Developer Should Know

4 months ago

Top 11 CSS Tricks Every Web Developer Should Know, by (not on Mastodon or Bluesky):

https://archive.ph/JbGFA

#css #customproperties #layout #animations #selectors

1 1 0 0

Making Context-Aware Components: How CSS inherit() Could Simplify Design Systems Make your components context-aware with CSS inherit(): learn how the new inherit() function lets components derive spacing, colour and motion from their container, reduce token bloat, and implement robust fallbacks for browsers that don’t yet support the feature. Practical card examples included.

4 months ago

Making Context-Aware Components: How CSS “inherit()” Could Simplify Design Systems, by @sturobson@front-end.social:

www.alwaystwisted.com/articles/making-context-...

#components #css #functions #customproperties

1 1 0 0

A workaround for using custom properties in media queries One of the most frustrating aspects of media queries is that we can’t use custom properties with them. This often results in hard-coded values in otherwise, highly configurable codebases. Manuel has...

5 months ago

#Development #Techniques
Custom properties in media queries? · A workaround powered by modern CSS ilo.im/1675st by Manuel Matuzović

_____
#ModernCSS #MediaQueries #ContainerQueries #StyleQueries #CustomProperties #Browser #WebDev #Frontend #CSS

0 0 0 0

The Best CSS Unit Might Be a Combination We don't have to choose between px and rem for spacing

5 months ago

#Development #Approaches
The best CSS unit for spacing · “We don’t have to choose between px and rem.” ilo.im/1673zo by Miriam Suzanne

_____
#CssUnits #CssClamp #CssCalc #CustomProperties #WebDev #Browser #Frontend #CSS

1 0 0 0

Taking a shot at the double focus ring problem using modern CSS A double focus ring is really useful in general but especially so with complex, themed systems. Eric Bailey shows us how to develop a really smart system, using modern CSS.

5 months ago

#Development #Approaches
The double focus ring problem · A smart solution built with modern CSS ilo.im/166zfq by Eric Bailey

_____
#ModernCSS #Themes #Accessibility #Keyboard #FocusRing #CustomProperties #WebDev #Frontend #HTML #CSS

3 0 0 0

Automatic dark mode The most straightforward way to implement automatic mode switching.

5 months ago

#Development #Approaches
Automatic dark mode · A solid technique with web component support ilo.im/166xyi by Michael Warren

_____
#DarkMode #CSS #CustomProperties #JavaScript #WebComponents #ShadowDOM #DesignTokens #WebDev #Frontend

2 0 0 0

Public CSS Custom Properties in the Shadow DOM The definitive guide to using public CSS Custom properties to configure web components externally. Surely no one will ever write about this topic again.

7 months ago

Public CSS Custom Properties in the Shadow DOM, by @michaelwarren.dev:

https://michaelwarren.dev/blog/css-variables-in-wc/

#css #customproperties #shadowdom #dom #animations

1 1 0 0

The Mythical Magical Button

8 months ago

The Mythical Magical Button, by @crinkles@indieweb.social:

crinkles.dev/writing/the-mythical-mag...

#buttons #css #customproperties #customdata #html

0 1 0 0

Creating CSS Theme Variables From a JS File

10 months ago

Creating CSS Theme Variables From a JS File, by @michelle@front-end.social:

css-irl.info/creating-css-variables-f...

#css #theming #customproperties #javascript #conversion

0 0 0 0

Maybe Don’t Use Custom Properties in Shorthand Properties

11 months ago

Maybe Don’t Use Custom Properties in Shorthand Properties, by @matuzo@front-end.social:

www.matuzo.at/blog/2025/invalid-custom...

#css #shorthands #customproperties

0 0 0 0

Custom Property Fallbacks

11 months ago

Custom Property Fallbacks, by @matthewmorete.com (@frontendmasters.com):

frontendmasters.com/blog/custom-property-fal...

#css #customproperties

1 0 0 0

Builderius

@builderius.bsky.social

1 year ago

#builderius Style Guide in the making. Easy, single place to set and preview your global styles (#cssvariables, #customproperties #CSSClasses, #selectors). 🥳🎨🎉

#webdesign #webdevelopment #WordPress #NoCode

3 2 0 0

1 year ago

Green text on pink background with pink white duotone flower: Limitation Breeds Creativity: A Study in Composition with Custom Properties

🟢🔴 Limitation Breeds Creativity: A Study in Composition with Custom Properties
by Michelle Barker
@michelleb.bsky.social
#demo #css #webdev #CustomProperties

css-irl.info/limitation-b...

4 0 0 0

1 year ago

Moon with dotted line around it in a circle rotating around Jupiter which is surrounded by the dotted line too. Blue background.

🌒 Making Orbit Animations with CSS Custom Properties
by Will Boyd
@lonekorean@front-end.social
#animation #css #CustomProperties #webdev

codersblock.com/blog/making-...

1 0 0 0

1 year ago

Orange text on light brownish background: The surprising behavior of "important CSS custom properties"

🟠 The surprising behavior of "important CSS custom properties"
by Stefan Judis @stefan@front-end.social @stefanjudis
#CSS #customproperties #ImportantFlag #specificity #webdev

www.stefanjudis.com/today-i-lear...

2 0 0 0

1 year ago

Green text on pink background: How we’re approaching theming with modern CSS

🟢 How we’re approaching theming with modern CSS
by Andy Bell @belldotbz@mastodon.social @belldotbz
#theming #css #webdev #layers #root #CustomProperties

piccalil.li/blog/how-wer...

0 0 0 0

1 year ago

On click on black circle menu on top right, opens a black menu with multiple controllers including a color picker. White text on black: Number X Width px Height Width preset px 20 150 500 Align boxes Type & Hattibier Ba 200 nice pixels 500 Radius of the big square here % Box color Page background Hide boxes Knobs Self Parameters Compact View Space between knobs px Knobs Background Slider Color Text Color Custom HTML with label 12 Gel Knobs →

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

github.com/yairEO/knobs

0 0 0 0