より良いフォーム作りの参考になるフォームのサンプル&ライブラリ集
2008年10月24日-
スポンサード リンク
16 Free Ajax Contact Forms - For A Better User Experience
Contact forms are the most common bridges between readers & site owners whether it is a blog or an e-commerce site.
より良いフォーム作りの参考になるフォームのサンプル&ライブラリ集。
JavaScript, Ajax等を使い、バリデーションやフォーム入力のしやすさなどについて考えられたフォーム集がまとまってました。
- LightForm - Demo - ファンシーなフォームデザインにクールな入力チェック
- Proto Form - 入力チェック機能や現在位置強調機能
- jQuery - Ajax Contact Form (Tutorial & Files) - Demo - 画面遷移なしのAjax送信
- Very Chic Contact Form - Demo - 入力チェックが充実したフォーム
- jQuery Sliding Contact Form - Demo - 右上に収納して、クリックでアニメーション表示。
- Brett’s Beta Contact Form - リアルタイムバリデーション機能
- roScripts Form - Demo - Ajaxでフォーム送信
全部見る
クールな見た目、リアルタイムバリデーション、軽快なUI、現在位置の視覚的分かりやすさなど、それぞれ特徴がありますね。
全て持ち合わせた、カスタマイズも柔軟に定義できるライブラリがあったらいいなと思いました。→あったら教えてください。
スポンサード リンク
Advertisements
SITE PROFILE
最新のブログ記事(新着順)
- 小説表紙などに使えそうな商用可なフォント「になロマン」
- 筆で書いたようなカナ書体「筆竹仮名B」
- 無料・商用利用可な丸文字ピクセルフォント「マルミーニャM」
- スペースコブラ風フォント
- Next.jsのVercelから商用利用可能なフリー汎用フォント「Geist Font 」
- 無料で使えるいい感じの日本語フォント「しっぽり太ゴシック」
- CSSのみで実装された500種類のローディングアニメーション「CSS Loaders」
- 画像ホバーで様々なエフェクトをかけられる「Izmir」
- CSSのbox-shadowをGUIで生成できる「CSS Box Shadows Generator」
- 好きな画像や文字を埋め込んだQRコードをリアルタイムで作れるWEBツール
- 過去のエントリ