#customproperties — Public Fediverse posts

#Development #Guides
How I set up view transitions · A deep dive into the mechanics behind the transitions https://ilo.im/16eds9

_____
#ModernCSS #ViewTransitions #Animations #CustomProperties #Browsers #WebDev #Frontend #CSS

#Development #Guides
How I set up view transitions · A deep dive into the mechanics behind the transitions https://ilo.im/16eds9

_____
#ModernCSS #ViewTransitions #Animations #CustomProperties #Browsers #WebDev #Frontend #CSS

#Development #Techniques
The radio state machine · Turning radio inputs into pure CSS state engines https://ilo.im/16c62c

_____
#States #StateEngines #CustomProperties #Forms #Buttons #Accessibility #WebDev #Frontend #HTML #CSS

#Development #Techniques
The radio state machine · Turning radio inputs into pure CSS state engines https://ilo.im/16c62c

_____
#States #StateEngines #CustomProperties #Forms #Buttons #Accessibility #WebDev #Frontend #HTML #CSS

“!important” and CSS Custom Properties, by @chriscoyier (@frontendmasters.com):

https://frontendmasters.com/blog/important-and-css-custom-properties/

#css #customproperties #cascade

“!important” and CSS Custom Properties, by @chriscoyier (@frontendmasters.com):

https://frontendmasters.com/blog/important-and-css-custom-properties/

#css #customproperties #cascade

From the archives:

Custom Properties: Questioning “:root”:

https://meiert.com/blog/questioning-root/

#css #customproperties #selectors

From the archives:

Custom Properties: Questioning “:root”:

https://meiert.com/blog/questioning-root/

#css #customproperties #selectors

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

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

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

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

!important and CSS Custom Properties

https://web.brid.gy/r/https://frontendmasters.com/blog/important-and-css-custom-properties/

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

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

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

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

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

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

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

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

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

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

#css #variables #customproperties #terminology

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

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

#css #variables #customproperties #terminology

It is ok to say "CSS variables" instead of "custom properties"

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

#HackerNews #CSSVariables #CustomProperties #WebDevelopment #FrontEndDesign #CodingTips

It is ok to say "CSS variables" instead of "custom properties"

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

#HackerNews #CSSVariables #CustomProperties #WebDevelopment #FrontEndDesign #CodingTips

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

https://christianheilmann.com/2025/11/24/shuffling-a-css-grid-using-custom-properties/

#css #grids #customproperties

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

https://christianheilmann.com/2025/11/24/shuffling-a-css-grid-using-custom-properties/

#css #grids #customproperties

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

https://www.smashingmagazine.com/2025/11/smashing-animations-part-6-svgs-css-custom-properties/

#animations #transforms #svg #css #customproperties

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

https://www.smashingmagazine.com/2025/11/smashing-animations-part-6-svgs-css-custom-properties/

#animations #transforms #svg #css #customproperties

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

https://archive.ph/JbGFA

#css #customproperties #layout #animations #selectors #positioning #darkmode #resets #tipsandtricks

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

https://archive.ph/JbGFA

#css #customproperties #layout #animations #selectors #positioning #darkmode #resets #tipsandtricks

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

https://www.alwaystwisted.com/articles/making-context-aware-components

#components #css #functions #customproperties

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

https://www.alwaystwisted.com/articles/making-context-aware-components

#components #css #functions #customproperties

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#Development #Techniques
CSS elevator · A pure CSS state machine with floor navigation https://ilo.im/166hlb

_____
#Elevator #StateMachine #Accessibility #WebDev #Frontend #HTML #CSS #CustomProperties #CssClamp #Techniques

#Development #Techniques
CSS elevator · A pure CSS state machine with floor navigation https://ilo.im/166hlb

_____
#Elevator #StateMachine #Accessibility #WebDev #Frontend #HTML #CSS #CustomProperties #CssClamp #Techniques

#Development #Introductions
Rolling the dice with CSS random() · Native random numbers are coming to CSS https://ilo.im/166bac

_____
#ModernCSS #Randomness #CssFunction #CustomProperties #Safari #Browser #WebDev #Frontend #CSS

#Development #Introductions
Rolling the dice with CSS random() · Native random numbers are coming to CSS https://ilo.im/166bac

_____
#ModernCSS #Randomness #CssFunction #CustomProperties #Safari #Browser #WebDev #Frontend #CSS

#Design #Techniques
Building custom blog post designs · A way to tailor the mood and style of each article https://ilo.im/165r4g

_____
#Blog #Website #CMS #UxDesign #WebDesign #WebDev #Frontend #HTML #CSS #CustomProperties

#Design #Techniques
Building custom blog post designs · A way to tailor the mood and style of each article https://ilo.im/165r4g

_____
#Blog #Website #CMS #UxDesign #WebDesign #WebDev #Frontend #HTML #CSS #CustomProperties

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

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

#css #customproperties #shadowdom #dom #animations

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

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

#css #customproperties #shadowdom #dom #animations

#Development #Guides
Public CSS variables in the shadow DOM · How to expose them in web components https://ilo.im/165h87

_____
#CustomProperties #WebComponents #ShadowDOM #API #Accessibility #WebDev #Frontend #CSS #JavaScript

#Development #Guides
Public CSS variables in the shadow DOM · How to expose them in web components https://ilo.im/165h87

_____
#CustomProperties #WebComponents #ShadowDOM #API #Accessibility #WebDev #Frontend #CSS #JavaScript

The Mythical Magical Button, by @crinkles:

https://crinkles.dev/writing/the-mythical-magical-button/

#buttons #css #customproperties #customdata #html

The Mythical Magical Button, by @crinkles:

https://crinkles.dev/writing/the-mythical-magical-button/

#buttons #css #customproperties #customdata #html

#Development #Techniques
Partial keyframes · Creating dynamic, composable CSS keyframe animations https://ilo.im/164jry

_____
#Animations #Keyframes #CustomProperties #Browser #WebDev #Frontend #CSS

#Development #Techniques
Partial keyframes · Creating dynamic, composable CSS keyframe animations https://ilo.im/164jry

_____
#Animations #Keyframes #CustomProperties #Browser #WebDev #Frontend #CSS

#Development #Approaches
CSS theme variables from a JS file · How to avoid redundant theme maintenance https://ilo.im/163gg9

_____
#Themes #Colors #CustomProperties #CSS #JavaScript #Npm #WebDev #Frontend

#Development #Approaches
CSS theme variables from a JS file · How to avoid redundant theme maintenance https://ilo.im/163gg9

_____
#Themes #Colors #CustomProperties #CSS #JavaScript #Npm #WebDev #Frontend

Creating CSS Theme Variables From a JS File, by @michelle:

https://css-irl.info/creating-css-variables-from-a-js-file/

#css #theming #customproperties #javascript #conversion

Creating CSS Theme Variables From a JS File, by @michelle:

https://css-irl.info/creating-css-variables-from-a-js-file/

#css #theming #customproperties #javascript #conversion

“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 #Sass #customProperties

⚓️ https://nicolas-hoizey.com/links/2025/04/08/css-custom-properties-vs-sass-variables-a-pragmatic-guide/

“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 #Sass #customProperties

⚓️ https://nicolas-hoizey.com/links/2025/04/08/css-custom-properties-vs-sass-variables-a-pragmatic-guide/

#Development #Introductions
Custom CSS functions in the browser · Start to experiment with author-defined functions https://ilo.im/163a5h

_____
#ModernCSS #Prototype #CssFunctions #CustomProperties #Chromium #Browser #WebDev #Frontend #CSS

#Development #Introductions
Custom CSS functions in the browser · Start to experiment with author-defined functions https://ilo.im/163a5h

_____
#ModernCSS #Prototype #CssFunctions #CustomProperties #Chromium #Browser #WebDev #Frontend #CSS

#Development #Approaches
CSS custom properties vs. Sass variables · How you can combine both with a hybrid approach https://ilo.im/1637te

_____
#Sass #CSS #CustomProperties #Browser #DesignSystems #WebDesign #WebDev #Frontend