While making an update to a course chapter that includes the use of CSS-generated content in the accName computation of an element, I noticed that browser support for alt text in CSS using the slash syntax has improved since I gave a talk about CSS and a11y at CSS Day last year. So I thought it's time to do a proper (long overdue) writeup!

After much procrastination, I finally hit the imaginary Publish button:

🔗 #CSS to speech: alternative text for CSS-generated content https://www.sarasoueidan.com/blog/alt-text-for-css-generated-content/

While making an update to a course chapter that includes the use of CSS-generated content in the accName computation of an element, I noticed that browser support for alt text in CSS using the slash syntax has improved since I gave a talk about CSS and a11y at CSS Day last year. So I thought it's time to do a proper (long overdue) writeup!

After much procrastination, I finally hit the imaginary Publish button:

🔗 #CSS to speech: alternative text for CSS-generated content https://www.sarasoueidan.com/blog/alt-text-for-css-generated-content/

"Apple has a private #CSS property to add Liquid Glass effects to web content"

👉 https://alastair.is/apple-has-a-private-css-property-to-add-liquid-glass-effects-to-web-content/

The more things change, the more they stay the same... #webdev

"Apple has a private #CSS property to add Liquid Glass effects to web content"

👉 https://alastair.is/apple-has-a-private-css-property-to-add-liquid-glass-effects-to-web-content/

The more things change, the more they stay the same... #webdev

_____
#Methodology#Workflows#WebDev#Frontend#Accessibility#SemanticHTML#HTML#CSS

_____
#Methodology#Workflows#WebDev#Frontend#Accessibility#SemanticHTML#HTML#CSS

Imagine a web page that loads instantly, deploys effortlessly, and never needs a security update.

https://joeldare.com/why-im-writing-pure-html-and-css-in-2025 #webstandards #html #css

Here's me repurposing some very old files, revisiting mixtapes, cassettes and simulating cassette tape covers using #CSS. #Music is the best. https://codepen.io/artlung/full/JoYQoZZ

Imagine a web page that loads instantly, deploys effortlessly, and never needs a security update.

https://joeldare.com/why-im-writing-pure-html-and-css-in-2025 #webstandards #html #css

The 1st CSS Exploration is live! 🥳

Dive into the world of CSS alignment and unlock all its secrets!

https://css-tip.com/explore/alignment/

It's time to correctly learn how all the properties work in every layout (interactive demos included 🤩)

Centering? No, we are going beyond that!

#CSS#HTML

Liquid Glass in the Browser: Refraction with #CSS and #SVG

https://kube.io/blog/liquid-glass-css-svg/

Liquid Glass in the Browser: Refraction with #CSS and #SVG

https://kube.io/blog/liquid-glass-css-svg/

A common challenge with #CSS layouts is items that are too wide for the screen, causing horizontal scroll bars. The easy fix is to add overflow-x: auto; to the layout.

But somebody posted once somewhere that you shouldn't do that, as the problem is with the wide element and not with the layout. By blocking scroll on the layout level, you're likely not going to notice that you're hiding content that way.

I didn't want to believe that, but it's been annoyingly consistently true for me!

How good are you with alignment in CSS? 🤔

Take the Quiz at the end of my recent exploration and see if you can get 10/10!

https://css-tip.com/explore/alignment/#quiz

#CSS#HTML

I have to say, modern CSS is really quite good. This is all it takes for my — admittedly minimalist — blog to have light and dark mode and automatically calculated colors for visited links.

#css #webdev

How good are you with alignment in CSS? 🤔

Take the Quiz at the end of my recent exploration and see if you can get 10/10!

https://css-tip.com/explore/alignment/#quiz

#CSS#HTML

Unreasonably pleased with careful use of clamp(ed) `font-size` and grid `gap`, along with

```
grid-template-columns:
repeat(3, minmax(max-content, 1fr));
```

I have to say, modern CSS is really quite good. This is all it takes for my — admittedly minimalist — blog to have light and dark mode and automatically calculated colors for visited links.

#css #webdev