Skip to main content
CSS-Tricks
  • Articles
  • Notes
  • Links
  • Guides
  • Almanac
  • Picks
  • Shuffle
Search

Articles Tagged
unused css

10 Articles
{
,

}
Image
Direct link to the article Using the CSS Me Not Bookmarklet to See (and Disable) CSS Files
bookmarklet performance unused css

Using the CSS Me Not Bookmarklet to See (and Disable) CSS Files

Stoyan is absolutely correct. As much as we all love CSS, it’s still an important player in how websites load and using less of it is a good thing. He has a neat new bookmarklet called CSS Me Not …

Image
Chris Coyier on Jan 14, 2022
Image
Direct link to the article “Just in Time” CSS
unused css

“Just in Time” CSS

I believe acss.io is the first usage of “Atomic CSS” where the point of it is to be a compiler. You write CSS like this:

<div class="C(#333) P(20px)"text
</div

And it will generate CSS like:

.C\(\#333\) {
  color: #333;
…
Image
Chris Coyier on Sep 10, 2021 Updated on Sep 13, 2021
Image
Direct link to the article “We had 90% unused CSS because everybody was afraid to touch the old stuff”
unused css

“We had 90% unused CSS because everybody was afraid to touch the old stuff”

Over at the JS Party podcast:

[Kend C. Dodds]: […] ask anybody who’s done regular, old CSS and they’ll tell you that “I don’t know if it’s okay for me to change this, so I’m gonna duplicate it.” And now

…
Image
Chris Coyier on Aug 18, 2021
Image
Direct link to the article Detect Unused Classes in… HTML
unused css

Detect Unused Classes in… HTML

Usually, when “unused” comes up in conversation regarding CSS, it’s about removing chunks of CSS that are not used in your site or, at least, the styles not currently in use on a specific page. The minimal amount of CSS …

Image
Chris Coyier on Jun 15, 2021
Image
Direct link to the article Tools for Auditing CSS
audit code review DevTools performance unused css

Tools for Auditing CSS

Auditing CSS is not a common task in a developer’s everyday life, but sometimes you just have to do it. Maybe it’s part of a performance review to identify critical CSS and reduce unused selectors. Perhaps is part of effort …

Image
Silvestar Bistrović on Mar 29, 2021
Image
Direct link to the article An Eleventy Starter with Tailwind CSS and Alpine.js
alpine.js eleventy jit just in time tailwind unused css

An Eleventy Starter with Tailwind CSS and Alpine.js

When I decided to try to base my current personal website on Eleventy, I didn’t want to reinvent the wheel: I tested all the Eleventy starters built with Tailwind CSS that I could find in Starter Projects from the …

Image
Greg Wolanski on Jul 10, 2020 Updated on Jan 15, 2022
Image
Direct link to the article How Do You Remove Unused CSS From a Site?
unused css

How Do You Remove Unused CSS From a Site?

Here’s what I’d like you to know upfront: this is a hard problem. If you’ve landed here because you’re hoping to be pointed at a tool you can run that tells you exactly what CSS you can delete from your …

Image
Chris Coyier on Nov 19, 2019 Updated on Nov 29, 2019
Image
Direct link to the article A Better Approach for Using Purgecss with Tailwind
refactor unused css

A Better Approach for Using Purgecss with Tailwind

Greg Kohn looks at how to use Purgecss — a tool that helps remove unused styles — and Tailwind — a utility-based CSS framework — and why we might want to pair these tools together:

Tailwind, by intention, is aiming

…
Image
Robin Rendle on May 15, 2019
Image
Direct link to the article Unused
unused css

Unused

I recently wrote Here’s the thing about “unused CSS” tools, where I tried to enumerate all the challenges any tool would have in finding truly “unused” CSS. The overarching idea is that CSS selectors match elements in the DOM, …

Image
Chris Coyier on Jul 11, 2018
  • 1
  • 2
  • Older Image

CSS-Tricks is powered by DigitalOcean.

Keep up to date on web dev

with our hand-crafted newsletter

DigitalOcean
  • About DO
  • Cloudways
  • Legal stuff
  • Get free credit!
CSS-Tricks
  • Contact
  • Write for CSS-Tricks!
  • Advertise with us
Social
  • RSS Feeds
  • CodePen
  • Mastodon
  • Bluesky
Back to Top
Advertisement