究極のCSS作成支援ツールまとめ

The Ultimate List of Online CSS Tools | Back to Essentials （別窓）

CSSの作成に役立つ様々なツールが紹介されています。
具体的にはフォント整形、レイアウト作成、フレームワーク、CSS軽量化、フォーム作成、ナビゲーション作成など。
その中からいくつか紹介。

Typetester – Compare fonts for the screen （別窓）

簡単なインターフェースでCSSを編集しながら、文字の見え方を比較することが出来ます。
日本語にも対応しているので便利。

Drawter.com - DrawAble Markup Language （別窓）

マウス操作でCSSによるレイアウトをさくっと作成出来るツール。
もちろん細かい設定やコードも生成もしてくれます。

Code Beautifier: CSS Formatter and Optimiser （別窓）

CSSを軽量化してくれるツール。
試しにアメブロで利用しているもので実行してみたら、6.5kほど軽量化されました。

960 Grid System （別窓）

横幅960pxのグリッドデザインフレームワーク。

CSS Menu Generator （別窓）


簡単にナビゲーションが作れてしまうツール。
一緒に紹介されているCSS Menu Generatorと比較するとカスタマイズ性は高くなっています。

フレームワークなどは目を通すだけでもCSSの勉強になると思うので、勉強したいと考えている方は一度目を通してみる価値があるかと思います。