What’s !important #13: @function, alpha(), CSS Wordle, and More
CSS functions, the alpha() function, Grid Lanes, some things about <dialog> that you might not know, CSS…
Another Stab at the Perfect CSS Pie Chart… Sans JavaScript!
Recently, Juan Diego Rodríguez published an excellent article exploring how far CSS can be pushed to build a semantic…
Better Product Images Build Buyer Trust in Resale Marketplaces
As resale marketplaces grow, a platform’s ability to process and verify visuals at the point of upload…
@function
The @function at-rule defines CSS custom functions. These custom functions are reusable blocks of CSS that can…
::search-text
The CSS ::search-text pseudo-element selects matching text from your browser’s “find in page” feature. For example, if you use…
Revealing Text With CSS letter-spacing
Some text effects are relatively hard to pull in CSS, the main reason being we are unable…
Jetpack Search now understands your WooCommerce catalog
Jetpack Search 7.0 adds product-aware filters to WooCommerce stores. Traditional keyword searches match queries to text, potentially…
Jetpack Search now understands your WooCommerce catalog
Jetpack Search 7.0 adds product-aware filters to WooCommerce stores. Traditional keyword searches match queries to text, potentially…
How to start selling online: Nail the decisions that matter most
Starting an online store means making a handful of early decisions that you’ll live with for a…
Computing and Displaying Discounted Prices in CSS
CSS math isn’t just about how things look! It can also be used to work out useful…
What’s !important #10: HTML-in-Canvas, Hex Maps, E-ink Optimization, and More
Developers have been experimenting with HTML-in-Canvas, a hexagonal world map-analytics feature, a web-based OS for e-ink devices,…
The Importance of Native Randomness in CSS
Recently, I published a story about the new random functions that have landed in CSS and how…
contrast()
The CSS contrast() filter function increases or decreases the contrast of an element, either making colors pop out more…
Let’s Use the Nonexistent ::nth-letter Selector Now
“I think I’m done with reality.” — The Seventh Circle by Architects We’ve all, at some point,…
How to migrate from Webflow to WooCommerce
Your business has outgrown Webflow. Whether it’s the integration limitations, the lack of data control, or the…
Selecting a Date Range in CSS
A date range selector lets users pick a time frame between a start and end date, which…
How to prepare your store for AI-driven commerce
The way people find products has a new channel. AI assistants like ChatGPT, Google’s AI Mode, Gemini,…
Alternatives to the !important Keyword
Every now and then, I stumble onto an old project of mine, or worse, someone else’s, and…
How to start a pet business (best online tips and tools)
The pet industry is growing rapidly, and there’s no holding it back. People love their pets, and…
Sniffing Out the CSS Olfactive API
A lot has happened in CSS in the last few years, but there’s nothing we needed less…
What’s !important #8: Light/Dark Favicons, @mixin, object-view-box, and More
Short n’ sweet but ever so neat, this issue covers light/dark favicons, @mixin, anchor-interpolated morphing, object-view-box, new…
Experimenting With Scroll-Driven corner-shape Animations
Over the last few years, there’s been a lot of talk about and experimentation with scroll-driven animations….
What’s !important #7: random(), Folded Corners, Anchored Container Queries, and More
For this issue of What’s !important, we have a healthy balance of old CSS that you might’ve…
Abusing Customizable Selects
Web browsers ship new features all the time, but what fun is it if we can’t build…