CSSは、ヒューマンインターフェースのためにあり、テキストを見やすくしたり、強調したり、コンテンツの理解が容易にするコンテンツの設計が可能です
設計意図の存在しないスタイルは、ただの装飾にしか過ぎません
CSS3が普及の兆しを見せる中で、CSSの機能は大幅に拡張されCSS2.1では考えられなかった事が、次々と出来るようになりました。
CSSは、デバッグ機能もなく、エラーは無視され運用や管理が難しいものになっていく事は、間違いがないと思います。
このページでは、CSSプリプロセッサーやフレームワークへのリンクをコレクションしています。
Validation
- http://devilo.us/(b:CSS3 tidy)
- http://d.hatena.ne.jp/tenman/20110617/p1(b:CSS Lint)
フレームワーク
- http://html5boilerplate.com/(b:html5 boilerplate)
- http://dothtml5.com/archives/20110517_perkins.html(b:title)
- http://www.52framework.com/(b:title)
- http://thatcoolguy.github.com/gridless-boilerplate/(b:title)
プリプロセッサー
- http://sass-lang.com/(b:title)
- http://lessframework.com/(b:less)
- http://lesscss.org/(b:lesscss)
- http://leafo.net/lessphp/docs/(b:lessphp)
支援
- http://blog.mach3.jp/2010/07/modernizr-js.html(b:title)
DEMO
- http://css3.zxq.net/doraemon/doraemon_css3.html(b:title)
- http://www.w3.org/html/logo/(b:title)
Memo
- http://d.hatena.ne.jp/tenman/20110618/p1(b:メディアクエリ(CSS3 media queries)とその周辺)
- http://d.hatena.ne.jp/tenman/20110607/p1(b:CSS3 EPUB)
- http://d.hatena.ne.jp/tenman/20100619/p1(b:縦書き備忘)
- http://d.hatena.ne.jp/tenman/20110922/p1(b:JSON + WordPress で、スタティックなページに動的な情報を埋め込む)
- http://d.hatena.ne.jp/tenman/20110305/p1(b:Style Override)
Template
- http://www.tenman.info/study/html5/instant_html5_3col.php(b:即席html5 2col)
- http://tenman.info/study/html5/instant_html5.php(b:即席html5 2col)
Misc
- http://d.hatena.ne.jp/tenman/20110329/p1(b:IEの画像が伸びる訳)
- http://d.hatena.ne.jp/tenman/20110225/p1(b:なぜIE8は画像が表示されない事があるのか)
- http://d.hatena.ne.jp/tenman/20110330/p1(b:IE8横スクロールバーが動作しなくなるスタイルルール)
- http://d.hatena.ne.jp/tenman/20091115/p1(b:PDFをグーグルドキュメントビュアーで開く方法)
- http://d.hatena.ne.jp/tenman/20110423/p1(b:CSSだけで動くスライドボックス)
- http://www.tenman.info/study/oocss/(OOCSS CSSの考え方)
- http://lp9cc.pxgrid.com/(b:2010 CSS3 HTML5 コーディングコンテスト)
- http://nadita.com/murakami/epub/epub_JapaneseTextLayout_ja.html#Section_logical_props(b:title)
- http://www.w3.org/TR/jlreq/ja/(b:title)