Lmst

#Development #Overviews
Automated accessible text with CSS · contrast-color() is available soon in all major browsers https://ilo.im/16bcgt

_____
#ModernCSS #Baseline #Color #ColorPalettes #Contrast #Accessibility #Browsers #WebDev #Frontend #CSS

#Development #Comparisons
SVGs on the web · When to use which loading technique https://ilo.im/16b9sv

_____
#Loading #SVG #Images #Browsers #WebPerf #WebDev #Frontend #HTML #CSS

CSS初心者のための基礎大全【ショート動画まとめ】

https://www.emilyselect.com/css%e5%88%9d%e5%bf%83%e8%80%85%e3%81%ae%e3%81%9f%e3%82%81%e3%81%ae%e5%9f%ba%e7%a4%8e%e5%a4%a7%e5%85%a8%e3%80%90%e3%82%b7%e3%83%a7%e3%83%bc%e3%83%88%e5%8b%95%e7%94%bb%e3%81%be%e3%81%a8%e3%82%81/?feed_id=4978&_unique_id=69b8a6a324e93&Mastodon

#app #apple #artist #coding #CSS #design #Figma #HTML #illustrator #macbook #macbookair #macbookpro #pc #photoshop #programming #SE #visualstudiocode #VScode #webdesign #webdesign #webデザイナー #Webデザイン #...

Many excellent lessons and observations around waste , perceptions, and grokking a subject "alllllll" the way to the edge of the heliosphere.

#colour #color #CSS #Browsers #JavaScript #CEI

https://www.keithcirkel.co.uk/too-much-color/

If you've no idea what `font-size-adjust` does, see https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/font-size-adjust

#css #typography

I made a big upgrade to my little `font-size-adjust` tool. You can now upload a font, configure some variable axes if needed, and it will spit out the values you'd need for `ex-height`, `cap-height` or `ch-width`.

https://clagnut.com/sandbox/font-size-adjust-ex.html

#css #typography

https://developer.mozilla.org/en-US/blog/scroll-progress-animations-in-css/ - #CSS transitions on scroll: `animation-timeline: scroll();`

Post >> Mixed nuts #17 • A new name for Eleventy, trying CachyOS, some new powers for Hugo, and other folderol from my noggin.

https://www.brycewray.com/posts/2026/03/mixed-nuts-17/

#webdev #CSS #Linux #CachyOS #Eleventy #Hugo #AI

It is incredible to me that stuff like this is possible now with a few lines of #CSS only.

See it live: https://grooovinger.com/notes (on screens smaller than ~1000px the year is inlined without an animation though)

TIL about #CSS relative colors: https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Colors/Using_relative_colors

One CSS Property That Makes Numbers Look Instantly Better

https://programming.dev/post/47311925

Folded corner with CSS

https://programming.dev/post/47311567

RE: https://fosstodon.org/@gohugoio/116240284019632210

The documentation for this new `css.Build` functionality (https://gohugo.io/functions/css/build/) is highly interesting. This **may** even preclude the need for production-side PostCSS and the like. I’m still reading that doc and will be playing around with this stuff when I get a chance, but it **looks** very promising. Good show!

#css #webdev

Voice-activated audio tool interface
#HTML +
#CSS +
#JS

w/ Claude.ai and in just on single HTML file.

Is there a way to implement URL image previews without using Facebook's Open Graph meta tag?

#FrontEnd #WebDev #webDesign #HTML #CSS

Abusing Customizable Selects: "Let’s go over a few demos using the new customizable `<select>` feature that may be wild, but also give us a great chance to learn new things in #CSS." https://css-tricks.com/abusing-customizable-selects/

Automated accessible text with contrast-color(): "Let the browser pick the most readable text color for any background with this new #CSS function." https://una.im/contrast-color/