Add draft of HTML output CLI option.

[ryanmillerdev]

No description provided.

[t32k]

👍

[t32k]

@andRyanMiller
Added HTML output CLI option at v2.3.0.

stylestats http://t32k.me/static/blog/skelton.css -e html

<p><b>Published: </b><span>Mon Mar 24 2014 01:47:37 GMT+0900 (JST)</span><br/><b>Paths: </b><span>http://t32k.me/static/blog/skelton.css</span><br/><b>Generator: </b><span><a href="https://github.com/t32k/stylestats">t32k/stylestats // GitHub</a></span></p>
<table class="c-styleStats">
  <tr class="c-styleStats-s-header">
    <th>Metrics</th>
    <th>Result</th>
  </tr>
  <tr class="c-styleStats-s-row">
    <td>Stylesheets</td>
    <td>1</td>
  </tr>
  <tr class="c-styleStats-s-row">
    <td>Size</td>
    <td>15.1KB</td>
  </tr>
  <tr class="c-styleStats-s-row">
    <td>Data Uri Size</td>
    <td>0</td>
  </tr>
  <tr class="c-styleStats-s-row">
    <td>Rules</td>
    <td>207</td>
  </tr>
  <tr class="c-styleStats-s-row">
    <td>Selectors</td>
    <td>424</td>
  </tr>
  <tr class="c-styleStats-s-row">
    <td>Simplicity</td>
    <td>48.82%</td>
  </tr>
  <tr class="c-styleStats-s-row">
    <td>Most Identifers</td>
    <td>4</td>
  </tr>
  <tr class="c-styleStats-s-row">
    <td>Most Identifers Selector</td>
    <td>nav ul li a</td>
  </tr>
  <tr class="c-styleStats-s-row">
    <td>Lowest Cohesion</td>
    <td>24</td>
  </tr>
  <tr class="c-styleStats-s-row">
    <td>Lowest Cohesion Selector</td>
    <td>a.button
button
input[type=&quot;submit&quot;]
input[type=&quot;reset&quot;]
input[type=&quot;button&quot;]</td>
  </tr>
  <tr class="c-styleStats-s-row">
    <td>Total Unique Font Sizes</td>
    <td>15</td>
  </tr>
  <tr class="c-styleStats-s-row">
    <td>Unique Font Size</td>
    <td>10px
11px
12px
13px
14px
17px
21px
28px
34px
35px
46px
52px
80%
90%
100%</td>
  </tr>
  <tr class="c-styleStats-s-row">
    <td>Total Unique Colors</td>
    <td>11</td>
  </tr>
  <tr class="c-styleStats-s-row">
    <td>Unique Color</td>
    <td>#000
#111
#16387C
#181818
#222
#333
#444
#555
#666
#777
#999</td>
  </tr>
  <tr class="c-styleStats-s-row">
    <td>Id Selectors</td>
    <td>14</td>
  </tr>
  <tr class="c-styleStats-s-row">
    <td>Universal Selectors</td>
    <td>0</td>
  </tr>
  <tr class="c-styleStats-s-row">
    <td>Unqualified Attribute Selectors</td>
    <td>7</td>
  </tr>
  <tr class="c-styleStats-s-row">
    <td>Javascript Specific Selectors</td>
    <td>0</td>
  </tr>
  <tr class="c-styleStats-s-row">
    <td>Important Keywords</td>
    <td>6</td>
  </tr>
  <tr class="c-styleStats-s-row">
    <td>Float Properties</td>
    <td>4</td>
  </tr>
  <tr class="c-styleStats-s-row">
    <td>Media Queries</td>
    <td>8</td>
  </tr>
  <tr class="c-styleStats-s-row">
    <td>Properties Count</td>
    <td>width: 53
padding-left: 32
background: 29
color: 27
font-size: 27
display: 23
margin-bottom: 22
line-height: 19
margin: 16
height: 13</td>
  </tr>
</table>