-1

With as all being very careful about resources within web development I am looking for a tool that you can pass a url and it show what CSS is actually used on that page but more importantly have the ability to download or extract that CSS Selectors and the actual css to create a single css of only the css needed to render that page, I have tried DustMe and various plugins. I realized I am not using 89% of bootstrap for example but picking it apart is almost impossible on pre built sites.

thanks

Mark
  • 11
  • 2
    possible duplicate of [How can I extract only the used CSS on a given web page and have that combined into a separate style sheet?](http://stackoverflow.com/questions/24665885/how-can-i-extract-only-the-used-css-on-a-given-web-page-and-have-that-combined-i) – rajmathan Jan 09 '15 at 09:11
  • While I accept this is similar, I am on windows platform and do not have node. thanks. sorry if I have missed something. – Mark Jan 09 '15 at 14:26

2 Answers2

0

uncss.io works pretty well. Just enter your page URL and it will give you the cleaned CSS. It works for me on some pages, but not other pages.

REF: unused-css - (Paid Service)

or CSS Trashman

EDIT:

Use uncss git which requires node.js. It can be added to your built-in scripts to remove the unused css.

rajmathan
  • 651
  • 6
  • 27
0

There is a online tool which provides that service, its not free though, unused-css.com

I'd recommend using uncss (requires node). It can be added to your grunt build scripts to remove the css your are not using and is easy to configure

atmd
  • 7,430
  • 2
  • 33
  • 64