A Better API for the Resize Observer
Resize Observer, Mutation Observer, and Intersection Observers are all good APIs that are more performant than their older counterparts: ResizeObserver is better than the resize…
Read MoreA Better API for the Resize Observer
Breaking Boundaries: Building a Tangram Puzzle With (S)CSS
For years, I believed that drag-and-drop games — especially those involving rotation, spatial logic, and puzzle solving — were the exclusive domain of JavaScript. Until…
Creating an Auto-Closing Notification With an HTML Popover
The HTML popover attribute transforms elements into top-layer elements that can be opened and closed with a button or JavaScript. Most popovers can be light-dismissed,…
Better CSS Shapes Using shape() — Part 3: Curves
If you’re following along, this is the third post in a series about the new CSS shape() function. We’ve learned how to draw lines and…
Exploring the CSS contrast-color() Function… a Second Time
In many countries, web accessibility is a human right and the law, and there can be heavy fines for non-compliance. Naturally, this means that text…
The State of CSS 2025 Survey is out!
The State of CSS 2025 Survey dropped a few days ago, and besides waiting for the results, it’s exciting to see a lot of the…
Getting Creative With HTML Dialog
Like ’em or loath ’em, whether you’re showing an alert, a message, or a newsletter signup, dialogue boxes draw attention to a particular piece of…
Getting Creative With HTML Dialog
Like ’em or loath ’em, whether you’re showing an alert, a message, or a newsletter signup, dialogue boxes draw attention to a particular piece of…
Better CSS Shapes Using shape() — Part 2: More on Arcs
Ready for the second part? We are still exploring the shape() function, and more precisely, the arc command. I hope you took the time to…
What We Know (So Far) About CSS Reading Order
The reading-flow and reading-order proposed CSS properties are designed to specify the source order of HTML elements in the DOM tree, or in simpler terms,…
Better CSS Shapes Using shape() — Part 1: Lines and Arcs
Creating CSS Shapes is a classic and one of my favorite exercise. Indeed, I have one of the biggest collections of CSS Shapes from where…
You can style alt text like any other text
Clever, clever that Andy Bell. He shares a technique for displaying image alt text when the image fails to load. Well, more precisely, it’s a…
SVG to CSS Shape Converter
Shape master Temani Afif has what might be the largest collection of CSS shapes on the planet with all the tools to generate them on…
A Reader’s Question on Nested Lists
A couple of days back, among the tens of crypto-scams that flood our contact inbox, we found an interesting question on nested lists from one…
HTML Email Accessibility Report 2025
Some weekend reading on the heels of Global Accessibility Awareness Day (GAADM), which took place yesterday. The Email Markup Consortium (EMC) released its 2025 study…