[B! Webデザイン][css] teruka0917のブックマーク

すごく役立った！サイト制作でさりげなく使われているCSSテクニックまとめ

作成：2014/04/21 更新：2014/10/24 Web制作 > 前回コーポレートサイト制作が捗るjQuery プラグインをまとめましたが、今回はCSS版ということで、使用頻度が高いものと、これから必要になりそうなものを、忘れないようにメモしておきます。コーポレートサイトやWeb サービスサイトでさりげなく使われているものや、今後増えそうなものなど。エンジニア速報は Twitter の@commteで配信しています。もくじ横並び１．今までの回り込み解除２．横並びや並び順３．均等に並べる／段組みナビゲーションメニュー４．多階層　ドロップダウン５．amazon風　メガドロップダウン６．ドロワーメニューコンテンツメニュー７．モーダルウィンドウ８．アコーディオン９．タブパネルテーブル１０．ストライプテーブル１１．レスポンシブ＋テーブルリスト１２．カウント

teruka0917 2014/04/21

リンク

使われていないCSSを探す方法

Webページの制作に携わったことがあるならCSSも扱ったことがあるだろう。当初は小さかったCSSファイルも、デザインの変更や調整を続けるうちに、どんどん大きくなっていき、簡単には全体を見渡すことができなくなる。既存のデザインが崩れたりパラメータ間の調整を取るため、既存のCSSには手を加えずに新しいスタイルを追加していくことになるため、ファイルはどんどん大きくなっていく。こうした状況はCSSファイルのメンテナンスという観点からはあまり好ましいものとはいえない。編集を繰り返していくうちに、すでに使われなくなっているスタイルもあるだろう。そうしたスタイルはできれば削除した方が、ファイルの中身の見通しがよくなる。そんな場合に活用できるツールがThe David Walsh Blogの記事「uncss: Find Unused CSS」において紹介された。紹介されているツールは「uncss」とい