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セミナー

一覧
  • Java高速開発ツールの最先端…APサーバの再起動が不要に! 年間約5週間以上の工数を削減
    インフォメーションディベロプメント 照井氏

  • 流通・小売で最先端の取り組みを行う3社のデータ活用事例、ノウハウをご紹介
    【Session】ファミリーマート 坂井氏

注目特集

転職ノウハウ

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

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

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

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

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

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

転職Q&A
転職Q&A

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

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

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

特別企画

一覧

    人気記事

    一覧

    イチオシ記事

    新着記事

    Android版「Gmail」、複数アカウントのメールを1つの受信箱に統合
    [10:59 3/31] 携帯
    ゆうちょ銀行、5月3日から6日までのゴールデンウィーク期間中もATMの利用可
    [10:57 3/31] マネー
    【コラム】シリコンバレー101 第608回 NYのビル爆発を生放送したTwitterのPeriscope、歴史は繰り返す?
    [10:52 3/31] マーケティング
    マクドナルドの「てりたま」シリーズに、瀬戸内レモン使用の新メニュー登場
    [10:51 3/31] ライフ
    アサイー入りの濃厚チョコバーが発売 - グルテンフリーで1個75kcal
    [10:50 3/31] ヘルスケア

    特別企画

    一覧

      求人情報