CSS
go main content

WordPress Snippet

ワードプレスをカスタマイズしよう

Shrunk Expand

CSS

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)
  • https://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)


コメントは受け付けていません。