InautiloApr 15

#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

The Radio State Machine | CSS-Tricks

One of the best-known examples of CSS state management is the checkbox hack. What if we want a component to be in one of three, four, or seven modes? That is where the Radio State Machine comes in.

CSS-Tricks
Learn JavaScript, React, and TypeScript to Node.js, Fullstack, and Backend [Unofficial]Feb 10

Glowing Gradient `hr`

https://fed.brid.gy/r/https://frontendmasters.com/blog/glowing-gradient-hr/

Frontend DogmaJan 11

“!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 – Frontend Masters Blog

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

Jens Oliver MeiertJan 5

From the archives:

Custom Properties: Questioning “:root”:

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

#css #customproperties #selectors

Custom Properties: Questioning “:root” · Jens Oliver Meiert

For custom properties (aka CSS variables) we got into the habit of declaring variables in a rule with a <code>:root</code> selector. Yet unless you’re working in an environment in which style sheets serve several document types (and roots), question this use of <code>:root</code>.

Learn JavaScript, React, and TypeScript to Node.js, Fullstack, and Backend [Unofficial]Jan 1

!important and CSS Custom Properties

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

InautiloJan 2

#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 – Frontend Masters Blog

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

InautiloJan 1

#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

Happy 2026

...

InautiloDec 12

#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

Thoughts on Native CSS Mixins – Frontend Masters Blog

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.

Frontend DogmaDec 3

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”

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 I wanted to expand on, and which sounds tiny enough to be able to finish it in my altered state.

Hacker NewsNov 25

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 (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 I wanted to expand on, and which sounds tiny enough to be able to finish it in my altered state.