The Different Ways to Select in CSS
Temani Afif recently did this exercise and I thought I’d build off of it. Some of these…
What’s !important #6: :heading, border-shape, Truncating Text From the Middle, and More
Despite what’s been a sleepy couple of weeks for new Web Platform Features, we have an issue…
Best dropshipping products and ideas for 2026 and beyond
Whether you’re just starting a new dropshipping business or growing an existing one, success is all about…
A Complete Guide to Bookmarklets
You’re surely no stranger to bookmarks. The ability to favorite, save, or “bookmark” web pages has been…
Loading Smarter: SVG vs. Raster Loaders in Modern Web Design
I got this interesting question in an SVG workshop: “What is the performance difference between an SVG…
Potentially Coming to a Browser :near() You
Just before we wrapped up 2025, I saw this proposal for :near(), a pseudo-class that would match…
Trying to Make the Perfect Pie Chart in CSS
Speaking of charts… When was the last time you had to use a pie chart? If you…
No Hassle Visual Code Theming: Publishing an Extension
Creating your theme is the fun part. After you’re done, the next step is to publish your…
No-Hassle Visual Studio Code Theming: Building an Extension
Years ago, when I read Sarah Drasner’s article on creating a VS Code theme, I silently thought…
What’s !important #4: Videos & View Transitions, Named Media Queries, How Browsers Work, and More
Neither Chrome, Safari, nor Firefox have shipped new features in the last couple of weeks, but fear…
Styling ::search-text and Other Highlight-y Pseudo-Elements
Chrome 144 recently shipped ::search-text, which is now one of several highlight-related pseudo-elements. This one selects find-in-page…
New Microsoft Retail AI Guide Echoes SEO
Microsoft published a playbook early this month to help retailers increase visibility in AI search, browsers, and…
Future CSS: :drag (and Maybe ::dragged-image?)
Now, I know what you’re thinking. Yet another CSS pseudo-class… But I think this suggestion is rather cool….
How to create buyer personas for your online store
It’s always important to truly understand your target customer. What do their day-to-day lives look like? What…
Thank You (2025 Edition)
If I had to whittle down my favorite thing about CSS-Tricks to one thing — and like…
text-decoration-inset is Like Padding for Text Decorations
The text-decoration-inset CSS property solves a problem that we’ve had since the beginning of the web, which…
A beginner’s guide to ecommerce SEO
Stocking your online store with high-quality, desirable products is only part of building a successful and profitable…
What’s !important #1: Advent Calendars, CSS Wrapped, Web Platform Updates, and More
Welcome to the first ever What’s !important, a roundup of the best CSS and web development news from…
Long-Tail SEO in an AI World
In 2006, Wired magazine editor Chris Anderson famously described the availability of niche products online as the…
That Time I Tried Explaining HTML and CSS to My 5-Year Old Niece
I would like to tell you what I learned from a five-year old child about HTML and…
WooCommerce product types: a complete guide
Online stores sell much more than just physical items. That’s why the world’s most popular ecommerce store…
Scrollytelling on Steroids With Scroll-State Queries
Read you a story? What fun would that be? I’ve got a better idea: let’s tell a…
Shoppers Favor Product Content Over Brand Loyalty
More than four out of five consumers agree that high-value content — detailed descriptions, multiple images and…
On Inheriting and Sharing Property Values
Sometimes I want to set the value of a CSS property to that of a different property,…