[B! jquery][form] dyamashiroのブックマーク

select ボックスを超便利にしてくれユーザビリティ向上に使える「jQselectable」:phpspot開発日誌

select ボックスを超便利にしてくれユーザビリティ向上に使える「jQselectable」がGoogle Codeに公開されています。 jQというだけあって当然ながらjQueryプラグインの形式です。適用前の普通のSelect ボックスが便利に変化します都道府県の縦に長かったものが横方向に超分かりやすく表示日付も次のように超分かりやすいセレクトに。縦に長いのとはもうオサラバできそうです。更に、コールバック関数によってクリックした後の動作も定義できるっぽいです。はじめから日本対象という点でも使いやすいですね。実装も、jQueryプラグインなので超使いやすいです。次のように初期化するだけのようです。 $(".simpleBox").jQselectable({ set: "fadeIn", setDuration: "fast", opacity: .9 }); 以下のエント

dyamashiro 2009/11/24

jQuery
form

リンク

スタイリッシュなフォームを作るときに見るべきエントリまとめ

Form Design フォームデザインさてさて、最近のwebの入力フォームは本当に凝ってるところが多くて、ただただ関心するばかり。そんなわけで今回は、焦点を『フォーム』に限定し、スタイル抜群なフォームUIを勉強してみたい。流れ的にはインスピレーションデザイン集CSSによるフォームの変更方法JavaScriptによるフォームデザインという感じでお送りいたします。インスピレーションまずは、スタイリッシュなフォーム。これらは、webデザイン全体がフォームデザインとなっているまとめです。まさにバインダー。 webの入力フォームを街頭アンケート用紙のように仕上げたデザイン。かっこいい。くしゃくしゃっとしたような紙の一部にフォームが設置されている。こちらもメモに名前を書くかのごとく。深海に光がさす感じのイメージ。シンプルイズベストなレイアウト設計がなされている。１，２，３，

dyamashiro 2009/06/25

リンク

IDEA * IDEA

ドットインストール代表のライフハックブログ

dyamashiro 2009/06/17

リンク

デザイナー・コーダー必見！使えるform関連jQueryプラグインの数々 | バシャログ。

こんばんは、最近ホルモン焼きにハマっているishidaです。 WEBサイト制作時、formは必ずといってもいいぐらい存在します。お問い合わせフォームや会員登録フォームなどがすぐに思いつきますよね。デザインをがっつりフォーム部分で作り込んでも、CSSのみでは、実現できなかったりすることもよくあります。そんなクセのあるformを、よりリッチに！かつ操作性を向上！できるjQueryプラグインの数々をご紹介します。デザイナーの方は、フォームのデザインの参考に。コーダーの方は、ページ作成時間の短縮に手助けになればと思います。 jQuery plugin: Validation フォームの入力チェック（バリデーション）が簡単にできるプラグイン。エラーメッセージはlocalizationディレクトリ内に18言語用意されています。日本語用は別途作成し、使用することが可能です。 jQuery