How to Prepare for CSS-Specific Interview Questions
If you landed on this article, chances are you might have a front-end interview coming up, perhaps…
Bringing Back Parallax With Scroll-Driven CSS Animations
For a period in the 2010s, parallax was a guaranteed way to make your website “cool”. Indeed,…
Keeping Article Demos Alive When Third-Party APIs Die
After four years, the demos in my “Headless Form Submission with the WordPress REST API” article finally…
Making a Masonry Layout That Works Today
Many CSS experts have weighed heavily on possible syntaxes for a new masonry layout feature last year….
A First Look at the Interest Invoker API (for Hover-Triggered Popovers)
Chrome 139 is experimenting with Open UI’s proposed Interest Invoker API, which would be used to create…
Getting Creative With Versal Letters
A while back, our man Geoff Graham treated us to a refresher on the CSS initial-letter property,…
Scroll-Driven Sticky Heading
Scroll-driven animations are great! They’re a powerful tool that lets developers tie the movement and transformation of…
Better CSS Shapes Using shape() — Part 4: Close and Move
This is the fourth post in a series about the new CSS shape() function. So far, we’ve…
WooCommerce pricing: How much does it cost to run a store?
WooCommerce is more than just a popular ecommerce plugin for WordPress. It’s a highly-flexible, open source ecommerce…
The Gap Strikes Back: Now Stylable
Four years ago, I wrote an article titled Minding the “gap”, where I talked about the CSS…
Poking at the CSS if() Function a Little More: Conditional Color Theming
Chrome 137 shipped the if() CSS function, so it’s totally possible we’ll see other browsers implement it,…
Lightly Poking at the CSS if() Function in Chrome 137
We’ve known it for a few weeks now, but the CSS if() function officially shipped in Chrome…
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…
Exploring multi-store functionality in WooCommerce
This article was contributed by Mitchell Callahan, Founder at Saucal. Mitchell Callahan and his partner Dominik Sauter…
Exploring multi-store functionality in WooCommerce
This article was contributed by Mitchell Callahan, Founder at Saucal. Mitchell Callahan and his partner Dominik Sauter…
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…