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

• Better Web Readability Project (テキストが読みやすいWebページを作成するためのCSSライブラリ)
• Readability (テキストが読みやすいWebページを作成するためのツール)
• Texster (フォント、サイズ、色、高さ、スペーシングなどを指定してそれを実現するCSSを生成するツール)
• Syncotype Baseline Overlay Bookmarklet (ブックマークレットツール)
• CSS Font Matching (主要OS/ブラウザ英字フォント名一覧)
• CSS Font and Text Style Wizard (フォントCSS自動生成Webアプリケーション)

CSSグリッド

• 1Kb Grid (CSSグリッド生成Webアプリケーション)
• Fluid 960 Grid System (プロトタイプ用テンプレートセット)
• Grid System Generator (CSSグリッド生成Webアプリケーション)
• BluePrint CSS Architect (XHTMLとIDからCSSを生成するWebアプリケーション)
• BOKS (AIRベースのビジュアルグリッドエディタ)
• CSS Grid Calculator (FlashベースのCSSグリッド生成Webアプリケーション)

CSSフレームワーク

• BlueTrip CSS Framework (CSSフレームワーク)
• Compass (CSSメタフレームワーク)
• HTML/CSS/JS-Kickstart 0.9 (軽量ライブラリ集)
• iPhone-universal (iPhone Webアプリケーション開発向けのCSSフレームワーク)

CSS開発ツール

• Mappet (マップのビジュアルジェネレータ)
• Vanilla CSS Un-reset (CSS設定リセット用CSS)
• CSSEd (Gtk2ベースの開発用エディタ)
• HTML test page for CSS (CSS分析Webアプリケーション)
• CSS Styling Code Convention Convention (CSSコーディングスタイル指針ドキュメント)
• CSS Http Request (CSSを使ったクロスドメインAjax)

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

• Markdown (Markdown形式テキストからHTMLを生成するツール)
• Visual QuickMenu (オンザフライでメニューを作成するWebアプリケーション)
• CSS Redundancy Checker (使われていないCSSセレクタをチェックするためのWebアプリケーション)
• CSS Tools Coda Plugin (CSSをCodaに変換するツール)
• CSS Fly (ブラウザで直接リアルタイムにサイトを編集するためのツール)
• Silk Sprite (SilkアイコンパッケージをSpriteで提供するためのBlueprint CSSプラグイン)
• htmlwrapper (クロスブラウザ対応HTML/CSSレンダリングエンジン)
• CSS Cheat Sheet Wallpaper (CSSチャートシートの壁紙)
• Styleneat (CSS変換Webアプリケーション)
• SmartSprites (CSS Spriteジェネレータ)
• Typo3 CSS/JS Merger (CSS/JavaScriptマージツール)
• The Box Office (CSSテキストを画像に追加するCSSツール)
• IE6 CSS Fixer: starter kit (IE6 CSSデバッグ向けツール)
• Wufoo CSS/XHTML Form Templates (カスタマイズ可能CSS/XHTMLテンプレート集)
• JSON CSS (CSSシンタックスを拡張するというコンセプトを実装したツール)