A modern look at how to combine CSS :has, :nth-last-child, and style queries to create dynamic components. This has been in CSS for years, but it becoming more powerful now with CSS :has. We can combine both the nth-last-child selector along with :has to do magic, yes! You heard that right.

Spurred by last week’s ShopTalk I rolled out View Transitions here on my static Jekyll site. I hadn’t realized View Transitions for multi-page apps (MPAs) and static sites are ready for testing behind a flag in Chrome 113+. View Transitions for MPAs are a feature that’s high on my CSS wishlist, so I got to it. It took less than an hour to do, requires zero JavaScript, and two lines of CSS. I’m pleased with the results.

Google Baseline does not answer crucial browser compatibility questions. Baseline merely states that the latest and the previous versions of certain evergreen browser support a feature interoperably. This is good to know, but not enough to use the feature on your site in a safe manner.

A few weeks ago, I did some CSS Art. This time it was a cup of coffee with a coffee ring stain next to it. All in HTML and CSS –and not as many elements as you'd think... if we don't count the bubbles.

I am concerned. Not about Large Language Models (LLM)s doing me out of a job, but about the people who make money out of them not making their User Interfaces (UI)s accessible. Not about their ethical use, though there is plenty to be concerned about,  but about the accessibility and usability of their UI’s.