Improving user experience with pop-ups and gamification
Bad user experience on websites leads to high percentages of abandoned carts. Gamification, the process of applying…
How to Keep Up With New CSS Features
How do you keep up with new CSS features? Let’s say for example that, hypothetically speaking, you…
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…
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…
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…
The ultimate ecommerce website launch checklist
Launching a high-performing ecommerce site requires precision, collaboration, and attention to detail — especially for established businesses…
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…
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…
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…
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…
How to start an online business
When you start an online business, there’s a lot to think about. Coming up with a winning…
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…
“Pretty” is in the eye of the beholder
Hey, did you see the post Jen Simmons published about WebKit’s text-wrap: pretty implementation? It was added…
So, You Want to Give Up CSS Pre- and Post-Processors…
There was once upon a time when native CSS lacked many essential features, leaving developers to come…
Wildfire Systems Brings Branded Shopping Portal With Cashback Deals
Financial technology platform Wildfire Systems launched a hosted and fully managed branded shopping portal in March to…
Next Level CSS Styling for Cursors
The cursor is a staple of the desktop interface but is scarcely touched by websites. This is…
A New “Web” Readiness Report
The beauty of research is finding yourself on a completely unrelated topic mere minutes from opening your…
SMIL on?
I was chatting with Andy Clarke the other day about a new article he wants to write…
Automated Visual Regression Testing With Playwright
Comparing visual artifacts can be a powerful, if fickle, approach to automated testing. Playwright makes this seem…
Case Study: Combining Cutting-Edge CSS Features Into a “Course Navigation” Component
I came across this awesome article navigator by Jhey Tompkins: It solved a UX problem I was…
Revisiting CSS border-image
In my last article on “Revisiting CSS Multi-Column Layout”, I mentioned that almost twenty years have flown…
Consumer Spending on Mobile AI Apps Soaring Despite Trust Issues
AI-powered mobile apps are rapidly shaping the digital economy, driving consumer engagement and spending. However, as this…
A CSS-Only Star Rating Component and More! (Part 2)
In the last article, we created a CSS-only star rating component using the CSS mask and border-image…
A CSS-Only Star Rating Component and More! (Part 1)
Creating a star rating component is a classic exercise in web development. It has been done and…