派手なエフェクトが特徴のイメージスライダー。JSライブラリにはjQueryが使われています。このスライダーは以前から知ってて何度か使った事があるんだけど、ちょっと見ない間にエフェクトがモリモリ追加されてました。派手なだけじゃなくトランジションの種類も多く、サイトのトップページの顔として使いやすいと思います。トランジション一覧はDemoページから見る事ができます。またレスポンシブレイアウトにも対応しているので、モバイル対応サイトにも使いやすそうです。
jQueryプラグインの検索サイト。今日の時点で729個のプラグインが掲載されており、多分これは今後もどんどん増えるでしょう。数多くのプラグインは用途別に細かくタグ付けされており、探しやすくする工夫がされています。どういうインターフェースに使うか、どういう目的に使うか、どういうメディアを対象とするか等、検索条件を細かく指定できる点がとってもナイス。デモがあるものに関しては直接デモページを開く事もできます。このサイト素晴らしいですね。多分かなり以前からあるんだろうけど今日初めて知りました。「こういう仕様のスライダー作りたいんだけど」みたいな具体的な目的がある時に重宝しそうです。
様々なスキンが用意されたフォームパーツ置き換え用のjQueryプラグイン。JSライブラリとしてZeptoを選ぶ事も可能です。サイト内では各スキンのデモが用意されていて、導入のための解説もされてます。スキンによっては複数のカラーバリエーションが用意されているものもあり、見た目の選択肢は結構多めです。ただしこのJSで見た目がリプレイスされるのはラジオボタンとチェックボタンだけなので、他のプルダウンとかインプットなどのパーツを併用するようなフォームにはちょっと使いづらいかもしれません。
数値情報から動的にグラフを出力してくれるJavascript。サイト内では簡単な作例紹介がされてます。グラフはただ絵として描画されるだけでなく、動きを使った表現も併用できるようです。ソースコード一式落としてみましたが、jQueryのようなライブラリ類は使われていないみたい。今やってるデザイン案件でちょうどグラフ描画があるから、個人的にタイムリーな内容であります。
スマートフォンやタブレットなどのタッチデバイスによるスワイプ操作をサポートした、簡素なイメージスライダー。PCで見ると普通のスライダーですが、iPhoneとかで見るとちゃんとスワイプ操作ができるようになってます。ちなみにPCブラウザ上で画像をドラッグしても動きません。GitHubで配布されており、そちらに導入法やオプションの記述があります。ちなみにこれ系にありがちなjQueryは使われていないようです。スマホサイト制作時に頼りになりそうなスクリプト。
Lightboxに代わるModal表示作例が10個紹介された記事。JSとCSS3を使った表示方法と、CSS3のみで実現したものが一緒に紹介されてます。Modal表示の事を「Lightbox」と言う人もたまにいるけど、そもそもLightboxって元々Prototypeを使った表現だったので（その後jQuery版も出ましたが）、今では使われる機会の少なくなったPrototypeから別のフレームワークに移行する必要もあり、そのためよく「Lightbox代替」とか言われるわけです。CSSだけでこういうのできるならその方が楽でイイですよね。
CSS3やjQueryを使った作例の紹介と、そのチュートリアル。どっちか片方ってわけではなく、だいたい併用されてます。マウスオーバーエフェクトやドロップダウンメニュー、スライドショー、プログレスバー、テーブル装飾、サムネール装飾、フォーム装飾などがその内容。去年の記事なのでそんな新しい内容でもないですが、わりと使えそうなものが多かったので紹介しときます。
HTML5の動画タグを自動生成してくれるジェネレーター。再生したい動画のサイズやID、プリロードの有無などの基礎情報を入力し、オンライン上にある動画ソースのURLを入力するだけで、Video.jsの利用を前提としたタグを吐き出してくれます。いやこれ便利ですね。まぁもともと特別面倒なタグ記述でもないんですが、ソース入れるだけでサクっと生成してくれるのはナイスです。まぁもちろん事前のJS導入が必要と言えば必要なんですが。
