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

関連したタグ


オススメのホワイトペーパー [PR]

一覧

転職ノウハウ

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

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

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

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

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

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

転職Q&A
転職Q&A

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

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

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

特別企画 [PR]

一覧

    人気記事

    一覧

    イチオシ記事

    新着記事

    三菱化学とパイオニア、ブルーライトレス有機EL照明モジュールを開発
    [17:08 7/30] テクノロジー
    2015年、主婦の9割超が"値上げを実感"--影響大きい商品は「バター」
    [17:03 7/30] マネー
    ソフトバンク、Watsonを活用した新ビジネスを展開するプログラム提供
    [17:00 7/30] エンタープライズ
    JAL、第1四半期連結業績を発表 - 売上高は3,120億円で前年同期比1.6%増
    [16:55 7/30] 旅行
    TPP、新薬保護で難航 - 閣僚会合、妥結へ障害
    [16:45 7/30] 共同通信

    特別企画 [PR]

    一覧

      求人情報