ちょっとしたフォームのおしゃれに。 サンプルデモ 解説は英語ですが、サンプルコードがありますのでわかり易いと思います。 Enhance your input fields with simple CSS tricks
Build An Incredible Login Form With jQuery - NETTUTS超クールなログイ...
UI Pattern Factoryは、フォームやナビゲーションなどのユーザーインターフェイスを設計する際に役立つリソースをコレクションしたサイトです。 UI Pattern Factory 詳細な解説があるコンテン [...]
prettyCheckboxesは、チェックボックスやラジオボタンの外観を変更するスクリプトです。 prettyCheckboxes, a solution to checkboxes 外観はデフォルトでキャプチャ画 [...]
NETTUTS - Submit A Form Without Page Refresh using jQuery画面遷...
woork: Useful tips to enrich your HTML Formsフォームのユーザビリティを改善す...
『 Webフォームを便利にするTips集。補助メッセージの表示、入力候補の表示、リアルタイムバリデーションなど。サンプルコード付き。 』
自分へのメモも兼ねてエントリー。フォームのユーザビリティを向上させる小技いろいろです。こういう小技を積極的に実装して自分のものにしていきたいですな。 どういうことができるかだけ紹介していきますので実際のコードは元記事を参照してくださいね。 入力する際のメモを表示 ↑ 入力フィールドにフォーカスがあたるとメッセージを表示。 入力候補を表示 ↑ タイプ...
CSS Portalのエントリーから、ナビゲーションやフォーム、画像、リンクなどを実装するスタイルシートのサンプルを紹介します。 CSS Portal Horizontal CSS Menus Vertical [...]
『 １年前http://b.hatena.ne.jp/entry/4729488 』
ryanfait.comのエントリーから、ボタンやチェックボックスなどフォームのエレメントのデザインを変更するスクリプトを紹介します。 Checkboxes, Radio Buttons, Select Lists, [...]
『 http://coliss.com/articles/build-websites/operation/work/1223.html 』
テキストエリアやラジオボタン・チェックボックス、セレクトボックスなどのフォームに特化したスタイルシートのフレームワーク「Formy」を紹介します。 Formy - CSS Form Framework ファイル構成は、下記のようになっています。 reset.css fieldset, form, label, legendのリセット。 form.css Formyのコアファイル。 ie.css IE用に調整。 スタイルシートもシンプルに設計されており、カスタマイズする...
ネットショップや会員制サイトを利用する際にいつも面倒だなと感じていることがある。会員登録や配送先を指定するフォーム画面にある、都道府県名の入力欄だ。 よくあるのが、プルダウンで都道府県名を選ぶ形式だが、これはなかなかのストレスだ。5～6項目ならともかく、47もの選択項目、それも似たような漢字3文字の中から、注意深く狙いを定めなければならない。...
CSS Button Designerは、フォームのボタンのスタイルシートを確認しながら作成できるオンラインジェネレーターです。 CSS Button Designer ボタンのテキストは日本語表示も可能で、ボタンの [...]
『 シンプルなWebフォームのCSSデザインサンプル。（英語） 』
jsmapjsmap(仮称)は、県名や州名の選択をするためのポップアップを表示するスクリプトです。(入力補助スクリプト)...
Timeframeドラッグ＆ドロップで範囲指定できる日付選択UI実装ライブラリ「Timeframe」次のようなＵＩで、日...
『 ブラウザのスクロールバーやフォームのパーツをPSDで配布。Mac、Win両対応。いや〜、これで地味な作業から解放されるわ〜。 』
『 フォームデザインいろいろ。背景画像うまく使うとか。 』
