Skip to content

Commit

Permalink
Switch to david-dm.org for the dependencies.
Browse files Browse the repository at this point in the history
  • Loading branch information
XhmikosR committed Jan 25, 2014
1 parent 84c9b0e commit 635c0d9
Showing 1 changed file with 12 additions and 12 deletions.
24 changes: 12 additions & 12 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,12 +1,12 @@
# grunt-uncss [![Build Status](https://travis-ci.org/addyosmani/grunt-uncss.png?branch=master)](https://travis-ci.org/addyosmani/grunt-uncss) [![Built with Grunt](https://cdn.gruntjs.com/builtwith.png)](http://gruntjs.com/) [![Dependency Status](https://gemnasium.com/addyosmani/grunt-uncss.png)](https://gemnasium.com/addyosmani/grunt-uncss)

# grunt-uncss [![Build Status](https://travis-ci.org/addyosmani/grunt-uncss.png?branch=master)](https://travis-ci.org/addyosmani/grunt-uncss) [![Built with Grunt](https://cdn.gruntjs.com/builtwith.png)](http://gruntjs.com/) [![Dependency Status](https://david-dm.org/addyosmani/grunt-uncss.png?theme=shields.io)](https://david-dm.org/addyosmani/grunt-uncss)
[![devDependency Status](https://david-dm.org/addyosmani/grunt-uncss/dev-status.png?theme=shields.io)](https://david-dm.org/addyosmani/grunt-uncss#info=devDependencies)


>A grunt task for removing unused CSS from your projects. Works across multiple files and supports dynamically injected CSS via PhantomJS.
## Preview

Taking a multi-page project using Bootstrap with >120KB of CSS down to 11KB.
Taking a multi-page project using Bootstrap with >120KB of CSS down to 11KB.

![](http://i.imgur.com/uhWMALH.gif)

Expand Down Expand Up @@ -36,7 +36,7 @@ Remove unused CSS from projects using [uncss](https://github.com/giakki/uncss).

### Usage

Use the `grunt-uncss` task by specifying a target destination (file) for your cleaned CSS. Below this is `dist/css/tidy.css`.
Use the `grunt-uncss` task by specifying a target destination (file) for your cleaned CSS. Below this is `dist/css/tidy.css`.

Along-side, specify the input HTML files you would like scanned for used selectors. In this case `app/index.html` and `app/about.html` are the two files we would like checked.

Expand Down Expand Up @@ -143,21 +143,21 @@ There is a test project included under the `app` directory which you can build b
## The problem

User-interface libraries like Bootstrap, TopCoat and so on are fairly prolific, however many developers
use less than 10% of the CSS they provide (when opting for the full build, which most do). As a result, they can
end up with fairly bloated stylesheets which can significantly increase page load time and affect performance.
use less than 10% of the CSS they provide (when opting for the full build, which most do). As a result, they can
end up with fairly bloated stylesheets which can significantly increase page load time and affect performance.
`grunt-uncss` is an attempt to help with by generating a CSS file containing only the CSS used in your project,
based on selector testing.

## Research and alternative solutions

There have been many efforts to try solving the problem of finding unused CSS in the past. Opera created
[ucss](https://github.com/operasoftware/ucss), @aanand created (https://github.com/aanand/deadweight),
Brian Le Roux [CSS Slap Chop](https://github.com/brianleroux/css-slap-chop) and there were a number of
client-side solutions also crafted, such as [Helium-CSS](https://github.com/geuis/helium-css),
There have been many efforts to try solving the problem of finding unused CSS in the past. Opera created
[ucss](https://github.com/operasoftware/ucss), @aanand created (https://github.com/aanand/deadweight),
Brian Le Roux [CSS Slap Chop](https://github.com/brianleroux/css-slap-chop) and there were a number of
client-side solutions also crafted, such as [Helium-CSS](https://github.com/geuis/helium-css),
[CSSESS](https://github.com/driverdan/cssess) and the Python [mincss](http://www.peterbe.com/plog/mincss).

Unfortunately, most of these solutions don't actually generate what you're really after - a leaner build
of your project CSS containing only those rules you used. Finding that a more recent project called
Unfortunately, most of these solutions don't actually generate what you're really after - a leaner build
of your project CSS containing only those rules you used. Finding that a more recent project called
[uncss](https://github.com/giakki/uncss) did try tackling this, I set out to share some of the problems we
need to solve in this space with the developer and build a Grunt task to enable usage of it in builds more
easily.
Expand Down

0 comments on commit 635c0d9

Please sign in to comment.