htmlを貼りつけると必要なCSSを書き出してくれるWEBサービス「PrimerCSS」
ちょっと便利だと思ったのでエントリー。PrimerCSSはCSSを作成する際に必要な class指定やid指定をhtmlから抜き出してくれるWEBサービスです。
例えば以下のようなhtmlを入力してみます。
01 | <div id="container"> |
02 |
03 | <div id="header"> |
04 | logo |
05 | </div> |
06 |
07 | <div id="content"> |
08 | <div id="main">hogehoge</div> |
09 | </div> |
10 |
11 | <div class="clearer"></div> |
12 |
13 | <div id="footer"> |
14 | <p class="copyright">Copyright © 2010 verygoodtown.com</p> |
15 | </div> |
16 | </div> |
するとCSSに必要な要素のみを抽出して表示してくれるのです。
01 | /* CSS Generated by Primer - primercss.com */ |
02 |
03 | div#container { |
04 | |
05 | } |
06 |
07 | div#header { |
08 | |
09 | } |
10 |
11 | div#content { |
12 | |
13 | } |
14 |
15 | div#main { |
16 | |
17 | } |
18 |
19 | div.clearer { |
20 | |
21 | } |
22 |
23 | div#footer { |
24 | |
25 | } |
26 |
27 | p.copyright { |
28 | |
29 | } |
これは使い方によっては結構便利かもしれません。
興味がある方はぜひ使ってみてください。
最新情報をお届けします
- Website: http://primercss.com/
