CSSツール50選

Smashing Magazine - WE SMASH YOU WITH THE INFORMATION THAT WILL MAKE YOUR LIFE EASIER, REALLY.

Gerri Elder氏がSmashing Magazineにおいて35 CSS-Lifesavers For Efficient Web Designのタイトルのもと、CSSに関連したツールやライブラリを紹介している。タイトルには35とあるが、実施に紹介されているツールやライブラリの総数は50。紹介されているCSS関連のツールやライブラリは次のとおり。

より進んだCSSセレクタや変数

  • Less CSS (CSSに変数、操作、ネスト、ミックスインなどの機能を追加するためのコンパイラ。LESSファイルからCSSファイルを生成)
  • DtCSS: Variables in CSS (PHPベースのCSSプリプロセッサ。DtCSSファイルからCSSファイルを生成)
  • Haml (テンプレート言語およびコンパイラ)
  • Sizzle (CSSセレクタエンジン)
  • Object Oriented CSS (オブジェクト指向CSS)
  • CSScaffold (CSSスキャッフォールド)

HTMLニュースレター向けCSSツール

  • Inline Styler (インラインスタイル生成Webアプリケーション)
  • Emogrifier (CSS組み込みHTML生成ツール)

タイプグラフィックCSSツール

CSSグリッド

CSSフレームワーク

CSS開発ツール

CSSコーディング向けブラウザエクステンション

  • CodeBurner (HTML/CSSリファレンスを提供するためのFirefox Firebugエクステンション)
  • CSS Usage 0.0.5 (Webサイトで使われているCSSルールをチェックするためのFirefox Firebugエクステンション)
  • PixelPerfect Firefox Plugin (デザイン微調整しやすいようにオーバーレイを提供するFirefoxエクステンション)
  • Firebug Lite (IE、Opera、Safari向けのFirebugエクステンション)
  • ReCSS (CSSを読み直すためのブックマークレット)
  • Dust-Me Selectors 2.11 (使われていないCSSセレクタを見つけるためのFirefoxエクステンション)

オンライン/オフラインCSSツール



転職ノウハウ

あなたが本領発揮できる仕事を診断
あなたの仕事適性診断

シゴト性格・弱点が20の質問でサクッと分かる!

「仕事辞めたい……」その理由は?
「仕事辞めたい……」その理由は?

71%の人が仕事を辞めたいと思った経験あり。その理由と対処法は?

3年後の年収どうなる? 年収予報
3年後の年収どうなる? 年収予報

今の年収は適正? 3年後は? あなたの年収をデータに基づき予報します。

激務な職場を辞めたいが、美女が邪魔して辞められない
激務な職場を辞めたいが、美女が邪魔して辞められない

美人上司と可愛い過ぎる後輩に挟まれるエンジニアの悩み

人気記事

一覧

イチオシ記事

新着記事

求人情報