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シンタックスを拡張するというコンセプトを実装したツール)