Little UI details from @steveschoger, in HTML and CSS

Suggestions for small interface tweaks.

Tagged with

Related links

Developing an alt text button for images on my website | James’ Coffee Blog

I like the idea of adding this to personal websites:

Mastodon shows an “Alt” button in the bottom right of images that have associated alt text. This button, when clicked, shows the alt text the author has written for the image.

Tagged with

Nuberodesign > Blog > Designing for the Eye

I love the interactive illustrations in this article filled with type and architecture nerdery!

Tagged with

Printing music with CSS grid

Laying out sheet music with CSS grid—sounds extreme until you see it abstracted into a web component.

We need fluid and responsive music rendering for the web!

Tagged with

CSS :has() Interactive Guide

This isn’t just a great explanation of :has(), it’s an excellent way of understanding selectors in general. I love how the examples are interactive!

Tagged with

An Interactive Guide to CSS Grid

This is a terrific interactive explainer!

Tagged with

Related posts

Decision time

Balancing the ledger.

Culture and style

Styling a document about The Culture novels of Iain M Banks.

Overloading buttons

Can you have too much semantics?

Even more writing on web.dev

Five more articles on modern responsive design to close out the course.

Unobtrusive feedback

An interface pattern for Ajax interactions that’s borrowed from video games.