CSSツール50選

ニュース
トップ

CSSツール50選

後藤大地  [2009/06/26]

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ツール

関連したタグ
    

    マイナビニュースのセミナー情報

    オススメ記事

    マイナビニュースの集合特集

    関連記事

    関連サイト

    新着記事

    転職ノウハウ

    あなたの仕事適性診断
    あなたの仕事適性診断

    4つの診断で、自分の適性を見つめなおそう!

    Heroes File ~挑戦者たち~
    Heroes File ~挑戦者たち~

    働くこと・挑戦し続けることへの思いを綴ったインタビュー

    はじめての転職診断
    はじめての転職診断

    あなたにピッタリのアドバイスを読むことができます。

    転職Q&A
    転職Q&A

    転職に必要な情報が収集できます

    ドS美人面接官 vs モテたいエンジニア
    ドS美人面接官 vs モテたいエンジニア

    入室しようとしたら、マサカリ投げられちゃいました!?

    特別企画

    一覧

      人気記事

      一覧

      イチオシ記事

      新着記事

      特別企画

      一覧

        求人情報