Mastodawn

pablolarah 2d ago

🟣 Prop for that
by @argyleink
what JS knows, now CSS knows
#javascript #css #customproperties #webdev

https://prop-for-that.netlify.app/

Learn JavaScript, React, and TypeScript to Node.js, Fullstack, and Backend [Unofficial]3d ago

Prop For That

https://fed.brid.gy/r/https://master.dev/blog/prop-for-that/

Inautilo Apr 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 Dogma Jan 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 Meiert Jan 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/