Skip to main content
CSS-Tricks
  • Articles
  • Videos
  • Almanac
  • Newsletter
  • Guides
  • DigitalOcean
  • DO Community
Search

Articles Tagged
unused css

10 Articles
{
,

}
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 …

Avatar of Chris Coyier
Chris Coyier on Jan 14, 2022
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;
…
Avatar of Chris Coyier
Chris Coyier on Sep 10, 2021 (Updated on Sep 13, 2021)
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

…
Avatar of Chris Coyier
Chris Coyier on Aug 18, 2021
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 …

Avatar of Chris Coyier
Chris Coyier on Jun 15, 2021
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 …

Avatar of Silvestar Bistrović
Silvestar Bistrović on Mar 29, 2021
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 …

Avatar of Greg Wolanski
Greg Wolanski on Jul 10, 2020 (Updated on Jan 15, 2022)
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 …

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

A Better Approach for Using Purgecss with Tailwind

Direct Link

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

…
Avatar of Robin Rendle
Shared by Robin Rendle on May 15, 2019
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, …

Avatar of Chris Coyier
Chris Coyier on Jul 11, 2018
Direct link to the article Here’s the thing about “unused CSS” tools
unused css

Here’s the thing about “unused CSS” tools

There are a lot of tools that aim to help you remove “unused CSS” from your project. Never a week goes by that I don’t see a tool for this being shared or promoted. It must strike some kind of …

Avatar of Chris Coyier
Chris Coyier on Jun 18, 2018

CSS-Tricks is powered by DigitalOcean.

Keep up to date on web dev

with our hand-crafted newsletter

DigitalOcean
  • DigitalOcean
  • DigitalOcean Community
  • About DigitalOcean
  • Legal
  • Agency Coaching
  • Free Credit Offer
CSS-Tricks
  • Email
  • Guest Writing
  • Book
  • Advertising
Follow
  • Mastodon
  • Twitter
  • Instagram
  • YouTube
  • CodePen
  • iTunes
  • RSS
Back to Top