[CSS]フォームの新規開発と既存カスタマイズ用のフレームワーク -Formee
Post on:2010年5月14日
sponsors
クロスブラウザ対応で、あらゆるデザインに柔軟に対応可能なフレキシブルでカスタマイズに優れたフォームのフレームワークを紹介します。
Formee - Fresh baked forms for your websites!
デモページ
Formeeは新規にフォームを作成する際だけでなく、既存のものをカスタマイズする際も想定して作成されたフレームワークです。
既存のフォームのセレクトボックスを下記のようにスタイリッシュに変更することも簡単です。
セレクトボックスのデモ
Formeeのデモ
デモページではFormeeで実装したフォームの各エレメントを確認することができます。
フォームの各エレメントのデモ
960px、12グリッドに配列したデモ
ログイン、登録のデモ
メッセージボックスのデモ
ユーザー登録のデモ
Formeeの使用方法
Formeeを利用するには、CSSファイルを二つ外部ファイルとして記述するだけです。
|
1 2 3 4 |
<textarea name="code" class="html" cols="60" rows="5"> <link rel="stylesheet" href="css/form-structure.css" type="text/css" media="screen" /> <link rel="stylesheet" href="css/form-style.css" type="text/css" media="screen" /> </textarea> |
あとは、フォームにクラスを適用するだけで簡単にスタイリッシュなものになります。クラスは下記ページを参照してください。
Formeeリファレンスガイド
sponsors
