TOP  >  WebDesign  >  AJAXとCSSで作るクリエイティブなフォーム集「Astounding Ajax/CSS Forms: 30+ Modern Trends」
2010年03月11日

AJAXとCSSで作るクリエイティブなフォーム集「Astounding Ajax/CSS Forms: 30+ Modern Trends」

ユーザーとコンタクトが取れる窓口的な役割を持つフォーム。ユーザーが実際に使う部分だけに、そのデザインやわかりやすさ使い勝手によって、目的が達成できるかどうか大きく変わります。今回紹介するのはAJAXとCSSで作るクリエイティブなフォーム集「Astounding Ajax/CSS Forms: 30+ Modern Trends」です。

jotform-ajax-css-form01
jQuery inline form validation

ちょっとした仕掛けがあるものから、見た目が美しいもの、入力補助が効くものなどなど、様々なフォームがまとめられています。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

How to make a password strength meter for your registration form
パスワードの強度を判定する部分をもうけたフォーム。会員登録フォームなどでは信頼感に繋がるかもしれません。

jotform-ajax-css-form02
 
 
  
 
 
JotForm
様々なフォームが簡単にデザインしながら生成できるフォーム作成サービス。

jotform-ajax-css-form03
 
 
 
 
 
Masked Input Plugin
入力項目のフォーマットを自動的に読み込ませるフォーム。IDや番号などを多く入力するフォームには有効ではないでしょうか?

jotform-ajax-css-form041
 
 
上記の他にも様々なフォームが公開されています。フォームの利便性をあげたい、もっとユーザーフレンドリーなフォームを作りたいという方はいろいろ探してみても良いかもしれません。

30 amazing ajax css form | Graphic and Web Design Blog -Resources And Tutorials

※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればこちらからご連絡ください。即刻削除いたします。
posted 06:06  |  
Category: WebDesign   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

デザインを開発するという視点からデザイン、WEBデザインに役立つ情報をお伝えします。

ご意見、ご感想、連絡事項があればFacebookページよりお願いたします。

※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればFacebookページからご連絡ください。即刻削除いたします。
※本ブログの「プライバシーポリシー」です。

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。

【ご注意】「Designworks」の旧ホームページドメインを利用したWEBサイトにご注意ください
Template deisgn by iDEACLOUD inc.
トップに戻る