Niceforms demo 既存のフォームのデザインを変更するには、下記の手順です。 「niceforms.js」と「niceforms-default.css」を外部ファイルとして記述します。 <form>に「class="niceform"」を記述します。 以上で、フォームのデザインが変更されます。 ※imgフ... 続きを読む

• coliss.com
• テクノロジー

Coders.meのエントリーから、スムーズにスライドしてセクシーに表示するログインボックスのスクリプトを紹介します。 Sexy LoginBox demo (ID/PW:admin) Sexy LoginBoxには、ログインとローディングとエラーが用意されており、認証にはPHPを使用しています。 ID... 続きを読む

• coliss.com
• テクノロジー

ここ2・3日、ひたすら色々なサイトの会員登録フォームやコマースサイトの購入フローを見ていました。 また、フォームのユーザビリティについて語っているブログやサイトをみて研究していました。 こうすれば登録数が劇的に上がる！とか、売上が上がる！といった... 続きを読む

• www.web-20.net
• テクノロジー

Monday, June 9, 2008 FORM elements design using CSS and list (ul and dl) by Antonio Lupetti 19 comments Delicious 0 Tag css design html Share this post: Design Float StumbleUpon Reddit Tables are useful to design complex HTML forms but a good... 続きを読む

• woork.blogspot.com
• テクノロジー

Sunday, June 8, 2008 Clean and pure CSS FORM design by Antonio Lupetti 46 comments Delicious 0 Tag css design Share this post: Design Float StumbleUpon Reddit Some readers of my blog hate html tables and often ask to me which is the better wa... 続きを読む

• woork.blogspot.com
• テクノロジー

Login Forms Design Showcase Login Formsは現在39個登録されており、Elements of Designには他にもウェブサイトでよく使うエレメントのデザインが収集されています。 フッタのデザイン集 検索フォームのデザイン集 見出しのデザイン集 コメントの入力欄のデザ... 続きを読む

• coliss.com
• テクノロジー

woork: Clean and pure CSS FORM design クリーンなデザインでピュアＣＳＳなフォームを作る 次のようなデザインの綺麗なフォームのサンプルがＤＬ可能です。 マークアップは以下のようにシンプルかつクリーン <div id="stylized" class="myform"> <form id="fo... 続きを読む

• phpspot.org
• テクノロジー

inputEx Documentation - Examples 標準のINPUTを拡張してフォーム入力を便利にする「inputEx」。 input 入力の際に、数値Onlyや、Validate機能、色入力機能、オートコンプリートを提供して、フォーム入力をより便利にするものです。 色入力 メールアドレスバリ... 続きを読む

• phpspot.org
• テクノロジー

二度押し防止の onsubmit で disable にするやつ もう２年ほど前に話題になったアレなんですけど、今更ながらあるサービスでこの仕組みの導入を検討しています。 onsubmit で submit ボタンを disable にしてユーザビリティを良くする - naoyaのはてなダイアリ... 続きを読む

• www.drk7.jp
• テクノロジー

本エントリは、20〜40代のPCをある程度使いこなしているユーザー向けの会員登録フォームの設計について述べたものである。ケータイサイトは含まないし、シニアも対象としていない。シニア向けUIについては(古いエントリだが)こちら"ユーザーID"と"メールアドレ... 続きを読む

• d:id:wa-ren
• テクノロジー