CSS remove and combine
Item media 3 screenshot
Item media 1 screenshot
Item media 2 screenshot
Item media 3 screenshot
Item media 1 screenshot
Item media 1 screenshot
Item media 2 screenshot
Item media 3 screenshot

Overview

Removes unused selectors from all stylesheets on a page and combines the result into a single stylesheet that can be downloaded

This extension removes unused CSS rules on a page by creating a new CSS stylesheet containing only those selectors in use. This not only tidies and optimizes your stylesheets but combines them into a single file which can then be downloaded. The approach used by the extension is based on eliminating all ID and class based selectors that reference IDs and classes not on the page. There is also a quick view dialog that will give the user information on a page about the number of used and unused selectors. There is also now a report on the unused selectors which can be used to verify that the extension is working as described. There is an issue reported in a review that the extension opens links to other websites. I can't see how this can be possible. The extension gets a list of stylesheets. This list is a property of the webpage document object. It then trys to open each stylesheet. If the stylesheet is on another domain, then nothing will be returned. In this way the extension cannot open any page on another domain. There is development code to get around this problem, but it is not yet active. The "WebKitBlobBuilder" issue has now been solved. This rendered the extension unusable - thus all the negative feedback. Sorry that I couldn't fix the problem earlier as I was unfortunately sick for a long while. The "WebKitBlobBuilder" error was due to a change (quite reasonable) in chrome to remove support for the "WebKitBlobBuilder" property in favour of the standard "BlobBuilder". Please let me know if the extension is working as advertised. You can contact me through the normal extension feedback system or at cssremoveandcombine@gmail.com 0.2.0.0: Added Unused Selector Report 0.1.2.0: Multiple window issue fixed 0.1.1.0: 'WebKitBlobBuilder' issue fixed Issues: 1: Stylesheets on a different domain report no selectors. Message will print out saying no selectors found. Under development. 2: Ajax or JavaScript added elements not accounted for. Under development 3: Media queries not respected.

2.3 out of 5115 ratings

Google doesn't verify reviews. Learn more about results and reviews.

Review's profile picture

Vladan ColovicMay 17, 2023

Not working

Review's profile picture

Jason CJun 7, 2022

does not work download button is a no-op; show unused throws some error about a null title.

1 person found this review to be helpful
Review's profile picture

Liuer HeiDec 18, 2018

findElements: TypeError: items[i].className.split is not a function !It not works

4 out of 5 people found this helpful

Details

  • Version
    0.2.0.2
  • Updated
    February 3, 2014
  • Offered by
    Steve McArthur
  • Size
    270KiB
  • Languages
    English (UK)
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

The developer has not provided any information about the collection or usage of your data.

Support

Related

Stylebot

4.3(1.6K)

Change the appearance of the web instantly

LiveReload

3.8(804)

Provides Chrome browser integration for the official LiveReload apps (Mac & Windows) and third-parties like guard-livereload and…

User CSS

3.6(252)

A quick and easy way to add custom CSS to the current web site.

Live CSS Editor

3.8(183)

Live Write CSS onto any page

CSS Used

4.6(176)

Get all css rules used by the selected DOM and its descendants.

Unused CSS Tracker

3.9(10)

Tracks the unused CSS selectors in your application

CSS-Block

3.4(11)

This extension blocks CSS, which is ugly and slows the internet down,

CSSViewer

4.4(366)

A simple CSS property viewer.

Live editor for CSS, Less & Sass - Magic CSS

4.7(256)

Live preview of CSS/Less/Sass code changes. Auto-save file, autocomplete, Less/Sass to CSS, beautify, CSS reloader, lint, ...

Drag Design

3.4(17)

This extension allows you to drag each element of your website around individually to help you get your site just right.

Save CSS

3.9(29)

Save your CSS and JS modifications in Devtools automatically to local disk.

CSSSteal

2.3(46)

Given DOM element returns styles applied to it and all its children.

Stylebot

4.3(1.6K)

Change the appearance of the web instantly

LiveReload

3.8(804)

Provides Chrome browser integration for the official LiveReload apps (Mac & Windows) and third-parties like guard-livereload and…

User CSS

3.6(252)

A quick and easy way to add custom CSS to the current web site.

Live CSS Editor

3.8(183)

Live Write CSS onto any page

CSS Used

4.6(176)

Get all css rules used by the selected DOM and its descendants.

Unused CSS Tracker

3.9(10)

Tracks the unused CSS selectors in your application

CSS-Block

3.4(11)

This extension blocks CSS, which is ugly and slows the internet down,

CSSViewer

4.4(366)

A simple CSS property viewer.

Google apps