入力フォームについて、最近ではAjaxを用いることで、「送信」ボタンをクリックする前にエラーチェックをする手法が使われるようになっています。 今回はリアルタイムでフォームのエラーチェックを行う場合の注意点について考えてみます。 あまり良くない例:Remember the Milkの登録画面 http://www.rememberthemilk.com/signup/ ユーザ名を入力する欄では、入力と同時にエラーチェックが行われるため、多くの場合1文字目からエラーが表示されます。 2文字目を入力すると即座にエラーメッセージが更新されます。 ユーザが当初から自分のユーザ名として考えていた「bebittaro」を入力し終えると、利用可能である旨のメッセージが表示されます。 上記は入力に対しリアルタイムでフィードバックを返すことで誤入力を避けようという工夫ですが、ユーザが入力を終える前にエラー表示
僕はこのメールの最後から2段目を読んだとき、SEOmozのブログに「意外な裏技」のシリーズが必要であり、これが第1回の候補として完璧だってことに気が付いた。今思うと信じられない話だけど、リンクビルディングの小技集でも、ブログの投稿でも、SEOmozの「Whiteboard Friday」でも、リンクビルディングを顧客に依頼するなんていうすごいアイデアは、ただの一度も取り上げたことがなかったんだ。 顧客にリンクを張ってもらうよう頼むことが、なぜ有効なのか?顧客はすでに、君の会社を気に入っている。顧客と君の会社との間にはすでに関係ができあがっている。したがって、その顧客たちにリンクを依頼するというのは、「うちの理髪店が気に入りましたら、お友達にもご紹介ください」と言うのと一緒だ。グーグルはこういう種類のリンクを好む。Googleが描く壮大な夢は、人々や企業、組織が現実世界で築いている関係を、リ
辞書ファイルの配置 † 辞書ファイルは以下のように配置する慣例があります。 # 辞書ファイルを利用するためのパッケージ MT_DIR/plugins/[プラグイン名]/lib/[プラグイン名]/L10N.pm # 言語別の辞書ファイル MT_DIR/plugins/[プラグイン名]/lib/[プラグイン名]/L10N/en_us.pm # 英語 MT_DIR/plugins/[プラグイン名]/lib/[プラグイン名]/L10N/ja.pm # 日本語 各ファイルの構造は以下のようになります。仮にプラグイン名をMyPluginとします。 L10N.pm package MyPlugin::L10N; use strict; use base qw( MT::Plugin::L10N ); 1; L10N/en_us.pm package MyPlugin::L10N::en_us; use
FormatFactoryは、動画やサウンドや画像などファイルのフォーマットを変換するWindos用のフリーのアプリケーションです。 FormatFactory 使用方法は簡単で、元ファイルを選択し、フォーマットを指定し、「Start」ボタンをクリックすると変換されます。大量のファイルを一斉に変換することも可能です。 FormatFactoryの対応フォーマットは、下記の通りです。 動画 MP4/3GP/AVI/MPG/WMV/FLV/SWF サウンド MP3/WMA/M4A/AAC/OGG/WAV 画像 JPG/PNG/ICO/BMP/GIF/TIF/PCX/TGA モバイル用 3GP/Compatible MP4/PSP MP4/iPhone MP4/MiniPlayer AVI DVD Video File/ISO/CSO
Custom Checkboxes, Custom Radio Buttons, Custom Select Lists チェックボックス、ラジオボックスをオシャレに表示するJS。 次のようなチェックボックス、ラジオボックスにスタイルできるJSです。 <input type="checkbox" class="styled" /> のように、class="styled" で自動スタイルされます。 CSSを変更でデザイン変更可能です。 関連エントリ CSSデザインされたTextAreaサンプル inputのtype=fileをCSSでクールにスタイルするサンプル サイトのチェックボックス、ラジオボタンを可愛い感じにするためのJavaScriptライブラリ
Particletree Rediscovering the Button Element Creating a consistent interface for your users is a constant struggle for every application designer. シンプルにクールで使用感のよいボタンを作るサンプル。 次のようなボタン、あったらつい押したくなりそうです。 フラットなデザインで、押した感じが心地よいです。 単純に、ボタンタグで <button type="submit" class="positive"><img src="/images/icons/tick.png" alt=""/>Save</button> のように定義してスタイルしている感じで、マークアップとCSSが公開されています。 ボタン作成の際の1参考にできそう。
Design Ajaxのローディング時に使えるフリーGIFアイコン集『120+ Free Ajax Activity Indicator Gif Icons』 Ajaxのローディング画像を探している。 そんなあなたにおすすめなのが、『120+ Free Ajax Activity Indicator Gif Icons』。Ajaxのローディング時に使えるフリーGIFアイコン集だ。 このエントリーでは、Ajaxのローディング時に使えるアニメGIFがたくさん紹介されている。 There are free and open source implementations of suitable frameworks and libraries. とのことで、オープンソースで無料で使える。 Ajaxのローディング時に使えるフリーGIFアイコン、チェックしてぜひ使ってみてはいかがだろうか。 今日は雨で
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く