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…
Read MoreGetting Creative With HTML Dialog
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…
Scroll-Driven Animations Inside a CSS Carousel
I was reflecting on what I learned about CSS Carousels recently. There’s a lot they can do right out of the box (and some things…
Compass: A starter kit for online courses
I’ve been itching to get back into screencasting and teaching lately, and the natural first step was to build our own course platform. So we…
This Isn’t Supposed to Happen: Troubleshooting the Impossible
I recently rebuilt my portfolio (johnrhea.com). After days and days of troubleshooting and fixing little problems on my local laptop, I uploaded my shiny new…
Using Pages CMS for Static Site Content Management
Friends, I’ve been on the hunt for a decent content management system for static sites for… well, about as long as we’ve all been calling…
Orbital Mechanics (or How I Optimized a CSS Keyframes Animation)
I recently updated my portfolio at johnrhea.com. (If you’re looking to add a CSS or front-end engineer with storytelling and animation skills to your team,…
Why is Nobody Using the hwb() Color Function?
Okay, nobody is an exaggeration, but have you seen the stats for hwb()? They show a steep decline, and after working a lot on color in the CSS-Tricks almanac, I’ve…