メールフォームや登録フォームなどに入力する際に、ページ遷移なしで表示される注意書き、まぁいわゆるフォームバリデーションですが、jQueryを使ったプラグインがまとめられてます。jQueryに限定している点が個人的にナイス。こうしたJSを使ったチェック法は、「入力→送信→ここの書式違うよ→再入力→ここも違うよ→ヒステリ」という流れを防ぐ事ができます。ユーザー登録のあるサイトでの機会損失防止に使えそうです。
ロールオーバーする事で、シルエットの中の人物が写真へとフェードインするというJavascript。ライブラリにはjQueryが使われています。デモページはこちら。これを見て「おっ」って思う点が2つあります。1つはロールオーバーでフェードインしてくる点。もう1つは画像と画像の境目が直線でない点。前者はJSによって、後者は画像スワップを全体で行っている事によって実現しているようです。たまにあるんですよね、スワップさせたい画像同士が直線で隣接していない時って。細かいトコですがソース記述の参考になります。
JavascriptやFlashを使って、美しくウェブ上でグラフを見せる方法についてまとめられた記事。グラフを見せる手法というと、画像にしちゃうってのがもちろん一番手っ取り早いんですが、グラフとしての汎用性は大きく落ちてしまいます。数値入力によって自動生成させる方が、よりスマートと言えます。ここで紹介されている方法は、JSやFlashを使うもの以外にも、ウェブサービスを使った生成方なども含まれているので、敷居はそれほど高くない印象。数値データが重視されるサイト制作時に使えそうです。
floatさせたdivボックスを、誌面のようなレイアウトに自動で整列させるJavascript。ライブラリにはjQueryが使われているようです。高さの異なるdivボックスを普通にfloatを使ってレイアウトすると、ガタガタのレイアウトになるんですが、このJSを記述する事で誌面のようにレイアウトする事ができるようです。JS部分もわずか数行で、HTML内での指定もid指定するだけのようなので、導入も簡単そうです。コンテンツの量とレイアウトに汎用性を持たせたいサイト作りの時に使えそう。
自分のサイトにTwitterでのつぶやきを表示する方法には色々ありますが、これはちょうどMacユーザーのよく使うGrowlのような手法で表示できるようにするJavascript。サイトロード時に右上にフワっとロードされ、自然にフェードしていくという感じ。導入は簡単で、サイト内の「Install now」メニューからソースを生成できます。Twitterアカウントを入力するだけでもオッケーですが、やろうと思えば細かい設定も色々と行えるようになってます。一通り指定ができたら、ジェネレイトされたソースを自分のサイトに貼るだけ。ただしJavascriptの使えないブログサービスなどでは使えません。ちなみにJSライブラリにはjQueryが使われているようです。生成されたコード内にjQueryライブラリへのパスの指定がありますが、すでに導入済みの人はこの部分は削っても大丈夫。Twitterの表示方法としてはなかなかクールです。
最近よく見かけるスライド表現。あれってjQueryかMootoolsを使って行う事が多いんですが、ここではjQueryをライブラリに使ったスライド表現用のプラグインがまとめられてます。DIVボックス内のものをスライドさせるお馴染みの表現もあれば、フォームをスライダーに置換したインターフェースなどもあります。動きを付けた表現を模索する際に役に立ちそうな記事。
jQueryプラグインの紹介記事を1日に2件見つけたので、まとめて紹介。1つめは2009年のベストプラグイン。スライダー、ナビゲーション、フォームと、それぞれカテゴリに分けて紹介してます。2つめはサイトのルック＆フィールを印象的なものにするためのプラグイン。わりと装飾面に関するものが多いですね。ポップアップ系のプラグインが多い印象。なんかいい見せ方ないかなぁ、といった場合にイイ感じの記事。
サイトのユーザビリティを印象的にする、10のテクニック。主にJavascriptを使った機能面でのサイトの充実を目指すものです。JSといっても、ここではいわゆるデザイン面での装飾ではなく、あくまでもユーザーの利便性を上げるための機能的な補強です。例えばテーブル内のデータをユーザーの都合によってソートする、YouTubeのようにユーザーサイドでレイアウトを変更する、ウィザード形式の入力フォーム、外部リンクにアイコンを追加、iCalライクなカレンダー表示、パスワードの脆弱性チェック、レーティングなどがその内容です。ソーシャル系などの、CGMサイトにおいてあったら便利だな、と思うような内容が多いですね。
