デザインはダイナミックに。CSS3のコードジェネレーター10個+X

CSS3のコードを生成する便利なサービスを10個紹介します。

iPhoneやAndroidなどのスマートフォンはWebkitベースなので、CSS３のスタイルが表示できます。

スマートフォン向けサイトは、なるべく画像やスクリプトを排除したいですからね。

よしっ。スマートフォン向けサービスつくるぞ－！Galaxy S買ったら。

1.Button Maker

ボタンを作成できるサービス。グラデーションの指定もOK

2.CSS3 Gradient Generator

グラデーションに特化したジェネレータ。かなり細かく設定できる。

3.CSS Border Radius

角丸設定のみのジェネレータ

4.CSS3 Rounded Corner Generator - CSS Portal

角丸設定中心だが、ボーダーやバックグラウンドカラーの設定も可能

5.CSS3 Please! The Cross-Browser CSS3 Rule Generator

ボックス要素のジェネレーターだが、面白いインタフェース。表示されてるソースをいじってそのままコピーしよう。

6.Generateur de multi-colonnes en CSS3 - Design et programmation web2 - Dji

段組（テキストのカラム分け）ができる珍しいジェネレータ

7.CSS3 Menu. Free CSS Menu Maker

メニューを作れる。ダウンロードするツール。紹介記事＞＞ココ

8.CSS3 learning tool

細かい数値はいじれないが、ボックス要素にどんなエフェクトが掛けれるかわかりやすい。

9.CSS3 Generator

いろいろできる

10.CSS3.0 Maker | CSS3.0 Generator

かなり細かいグラデーションを作成できる。インターフェイスもPhotoshopに近くて使いやすい。

swordsmith