利用者からのフィードバックを受けられる邪魔にならないフォーム...
とチュートリアルです。jQueryベースのデモをダウンロードしてそのまま使...(続きを読む)

アイテムの件数をアニメーションで絞り込むクールな仕組み
。説明が難しいので、デモページで動きを確認しましょう。と、デモペー...(続きを読む)

テキスト選択後のアクションをポップアップしてくれユーザビリテ...
動作を説明すると、まず、ページ内のテキストを選択します。すると、ポ...(続きを読む)

離脱されない携帯サイトのフォーム作成術
フォーム作成というと、あまり考えないでやってしまう場合も多そうです...(続きを読む)

サイト公開前に役立つ２５のユーザビリティチェックリスト
が公開されていましたのでメモしてみました。サイトの公開前にチェック...(続きを読む)

有償だけどかなりカッコいい管理画面のテンプレート「Simpla Admin」
管理画面に応用すれば優れた管理画面が作れそうです。デザインが苦手と...(続きを読む)

指定したHTMLエレメントをローディング中にする際に便利な「busy.js...
例えば、div 要素全体に次のようにローディング中にすることが出来ます。...(続きを読む)

フィールド間を自動でタブ移動してくれる入力補助JSライブラリ「A...
。電話番号入力欄や、郵便番号入力欄で、フィールドが複数に分かれてい...(続きを読む)

標準のINPUTを拡張してフォーム入力を便利にする「inputEx」
。input 入力の際に、数値Onlyや、Validate機能、色入力機能、オートコンプリ...(続きを読む)

フォームのユーザビリティを改善するためのサンプル集
が公開されてます。(1) フィールドに対するヒントをツールチップ表示する...(続きを読む)

Ajaxなページで「戻るボタン」を機能させる方法
。Ajaxなページでは、ブラウザの「戻るボタン」を押すと、通常は、前に開...(続きを読む)

テキストサイズ変更に応じて画像のサイズを変えるCSSテクニック
方法１次のDIVがあったとして、<div class="resize"></div>次のＣ...(続きを読む)

サイト上でCSSによるフォントスタイルを確認できる便利ツール
。ボタンを押していくことで、プレビュー枠に表示された文字のスタイル...(続きを読む)

ブロック要素を動的にドラッグ＆ドロップでリサイズするサンプル...
サンプルを参考にして、次のように、ブロック要素を１フレームのように...(続きを読む)

ドラッグ＆ドロップで複数チェックボックスの一括チェックを可能...
Togglerを使えばマウスをクリックして上からドラッグするだけでチェックボ...(続きを読む)

サイトの読み込み時間をプロファイリングできるWEBツール「Pingdom...
。サイトのURLを入力して「Test now」ボタン押下で、サイトコンテンツの読...(続きを読む)

jQueryを使ったカレンダー型、日付入力補完ライブラリ
次のように、入力ボックスにフォーカスをあてると、カレンダーが表示さ...(続きを読む)

結果グラフがアニメーション表示のAjax投票システム
This script requires that you have PHP installed on your server and access to a mySql database.Ajax...(続きを読む)

FlashっぽいDHTMLサイト
一見Flashっぽいこのサイト、実はＤＨＴＭＬで出来てるようでかなり驚き...(続きを読む)

ドラッグしてグリグリ移動できるDHTMLスケジューラウィジェット
スケジュールをGoogleMap風にドラッグドロップで確認できてなかなか良いイ...(続きを読む)