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

CSS3のコードを生成する便利なサービスを10個紹介します。
iPhoneやAndroidなどのスマートフォンはWebkitベースなので、CSS3のスタイルが表示できます。
スマートフォン向けサイトは、なるべく画像やスクリプトを排除したいですからね。
よしっ。スマートフォン向けサービスつくるぞ-!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
さらに色々できる。

via Top 10 Most Useful CSS3 Generators To Write Clean Code Easily

オマケ
11.Ultimate CSS Gradient Generator - ColorZilla.com
かなり細かいグラデーションを作成できる。インターフェイスもPhotoshopに近くて使いやすい。

0 件のコメント:

コメントを投稿