mincss/index.html at gh-pages · peterbe/mincss · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
<!DOCTYPE html>
<html>
  <head>
    <meta charset='utf-8'>
    <meta http-equiv="X-UA-Compatible" content="chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link href='https://fonts.googleapis.com/css?family=Architects+Daughter' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" type="text/css" href="stylesheets/stylesheet.css" media="screen" />
    <link rel="stylesheet" type="text/css" href="stylesheets/pygment_trac.css" media="screen" />
    <link rel="stylesheet" type="text/css" href="stylesheets/print.css" media="print" />

    <!--[if lt IE 9]>
    <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <title>mincss by peterbe</title>
  </head>

  <body>
    <header>
      <div class="inner">
        <h1>mincss</h1>
        <h2>Tool for finding out which CSS selectors you're NOT using.</h2>
        <a href="https://github.com/peterbe/mincss" class="button"><small>View project on</small>GitHub</a>
      </div>
    </header>

    <div id="content-wrapper">
      <div class="inner clearfix">
        <section id="main-content">
          <h3>What is it?</h3>

<p>This <a href="http://www.peterbe.com/plog/mincss">blog post</a> hopefully describes it best.
Or the <a href="https://github.com/peterbe/mincss/blob/master/README.rst">README</a>.

<h3>What's the point?</h3>

<ul>
  <li>Smaller CSS means less bytes for your web site visitors to download.</li>
  <li>Sometimes you remove stuff from your HTML that is still referenced in your CSS.</li>
  <li>With really slimmed down and custom fitted CSS you can afford to put the CSS inline instead of as a <code>link</code>.</li>
  <li>...which makes the web page <a href="http://www.peterbe.com/plog/mincss-in-action">render faster</a>.</li>
</ul>

<h3>What about AJAXy stuff?</h3>

<p>By default, the downloading of the HTML from the URL is done statically without Javascript
support. If you have <a href="http://phantomjs.org/">PhantomJS</a> installed, you can use that instead
it will attempt to run the Javascript that is loaded on the page.

<p>If your page only has a little Javascript creating DOM elements and you don't have PhantomJS installed,
you can still use <code>mincss</code>.
<a href="https://github.com/peterbe/mincss/tree/master/example">See this example</a>.</p>

<h3>Authors and Contributors</h3>

<p>The creator and current maintainer of <code>mincss</code> is <a href="http://www.peterbe.com/">Peter Bengtsson</a>
(<a href="https://twitter.com/peterbe">@peterbe</a>).

<p>Other contributors (aka. heros) are <a href="https://github.com/peterbe/mincss/graphs/contributors">listed here</a>.</p>

<h3>Documentation</h3>

<p><a href="https://mincss.readthedocs.org/">Yes!</a> and
<a href="https://github.com/peterbe/mincss/tree/master/docs">yes</a>.</p>

<h3>Support or Contact</h3>

<p><a href="https://github.com/peterbe/mincss/issues/new">File a bug/issue</a> if you find something wonky.</p>

</section>

        <aside id="sidebar">
          <a href="https://github.com/peterbe/mincss/zipball/master" class="button">
            <small>Download</small>
            .zip file
          </a>
          <a href="https://github.com/peterbe/mincss/tarball/master" class="button">
            <small>Download</small>
            .tar.gz file
          </a>

          <p class="repo-owner"><a href="https://github.com/peterbe/mincss"></a> is maintained by <a href="https://github.com/peterbe">peterbe</a>.</p>

          <p>This page was generated by <a href="http://pages.github.com">GitHub Pages</a> using the Architect theme by <a href="http://twitter.com/jasonlong">Jason Long</a>.</p>
        </aside>
      </div>
    </div>


  </body>
</html>