SitePoint: New Articles, Fresh Thinking for Web Developers and Designers

CSS3はCSS2.1と比較してもかなり高度なスタイル指定ができるようになっている。主要ブラウザは、部分的にせよCSS3をサポートしており、よりリッチなUIを実現することができる。

一方でCSS3は、WebデザイナやWebデベロッパにとっては開発の困難さを引き上げる要因にもなっている。プロパティが多すぎてすべてを頭に入れておくのは困難であるうえ、策定段階にあるためベンダプレフィックスのついたプロパティも併記しなければならない。こうなってくるとCSS3で包括的なスタイルを指定するというのは至難の業になる。

そうしたケースで役立つサイトのまとめがSitePointに10 of the Best CSS3 Code Generatorsとして公開された。CSS3スタイルの生成に利用できる便利サイトが10個紹介されている。取り上げられているサイトは次のとおり。

どのサイトもオンザフライで値を変更し、その結果がプレビューに反映され、CSS3のコードもその場で閲覧できるようになっている。ベンダプレフィックス版のCSS3も生成されるため、基本的にはこうしたサイトを活用して生成されるコードをコピーして使えばいいということになる。提供されている機能はサイトのタイトルのままだ。