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

関連したタグ


ITセミナー

一覧

関連記事

関連サイト

新着記事

転職ノウハウ

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

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

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

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

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

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

転職Q&A
転職Q&A

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

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

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

特別企画

一覧

    人気記事

    一覧

    イチオシ記事

    新着記事

    [松たか子]父・幸四郎とCMで親子共演 和装で金の和室に登場
    [14:24 10/31] エンタメ
    G大阪の宇佐美がニューヒーロー賞「この先もチャレンジしていく」
    [14:12 10/31] ライフ
    パリSGでのプレーに満足…カバーニ「クラブは支えてくれている」
    [14:08 10/31] ライフ
    パナソニック、EVF搭載の小型ミラーレス一眼「LUMIX GM5」などの発売を延期
    [14:07 10/31] 家電
    ニューカッスルのR・テイラーが約26カ月ぶりに復帰「夢が実現した」
    [14:05 10/31] ライフ

    特別企画

    一覧

      求人情報