[JAVASCRIPT] 35 More Useful jQuery Plugins and Techniques – 使えるjQueryプラグインと、そのテクニック
使えるjQueryプラグインと、そのテクニックについて書かれた記事。jQueryとは言っても使い道は様々なので、テーブルに関するもの、フォームに関するもの、イメージに関するもの、ナビゲーション関連といった感じにジャンル分けされて紹介されてます。フォーム関連ツールあたりなかなか実用的なものが揃っている印象。
Tag Archives: Javascript
[JAVASCRIPT] 28 Oct 2009 – 3 Comments Create a Simple Infinite Carousel with jQuery – jQueryを使って作る、シンプルなスライダー
jQueryを使って作る、シンプルなスライダー。フィールドの中には1コンテンツ、それをボタン操作によってスライドさせるというだけのシンプルなものです。作りがシンプルだけに応用ができそうなプラグインなので、スライド表現を制作する上での出発点としてイイ感じ、のような気がします。Demonstrationからデモを、DownlodからソースをDLできます。
28 Oct 2009 – 3 Comments
Create a Simple Infinite Carousel with jQuery
[JAVASCRIPT] Organic Tabs – フェード表現を使ったタブ
jQueryを使ったフェードするタブ。View Demoよりデモページを見る事ができます。タブをクリックしたタイミングでフェードしながら表示されます。もちろんページ遷移なし。ページ内のちょっとしたコンテンツの切り替えにいいですね。ビデオでの導入例表示もあります。
[JAVASCRIPT] 14 jQuery Plugins for Enhanced Content Viewing – jQueryを使った、コンテンツ表示の拡張
jQueryを使って、コンテンツの表示方法やエリアを拡張する、という内容の記事。14のjQueryプラグインが紹介されてます。拡張というだけあって、ボックス要素のスライダーやアコーディオン、Lightbox亜種、スライドショー、タブ表現なんかのプラグインが多いという印象。限られたエリア内に多くの情報を表示する手段として、面積以外に時間軸を利用した見せ方ってのはなかなか有効だと思います。プラグイン探しのためのナイスな記事。
[JAVASCRIPT] 35 Fresh and Useful jQuery Plugins – フレッシュなjQueryプラグイン
使えるjQueryプラグインまとめ記事。フレッシュな、というタイトルが付いてますが、見たことあるものもわりと多いので、それほど最近のものばかりを集めたというわけではないかもしれません。ドロップダウンメニュー、フォーム入力補助、イメージギャラリー、スライダー、Lightbox亜種、カレンダー、動きのあるタブ表現などが紹介されてます。ザっと見た感じ、イメージに関するものがわりと多めという印象。
[JAVASCRIPT] Drag to Share – ドラッグしてウェブサービスに画像を投稿できるようにするjQueryプラグイン
海外のリソース系サイトでここ最近見るようになった、画像をドラッグして各種ウェブサービスに投稿できるというJSが紹介されてます。フレームワークはjQuery。デモサイトで画像をドラッグするとウェブサービスのアイコンが出てくるので、目的のアイコン上でドロップすれば投稿できます。また画像をドラッグ＆ドロップする事で投稿ができるよ、という事をユーザーに知らせるために、画像にオンマウスした時にオーバーレイでTooltipが出たり、マウスポインタが変わったりする工夫もなされています。これオモろい画像とか集めてるサイトにイイですね。
[JAVASCRIPT] 10+ astonishing jQuery resources to spice up your website – ウェブサイトにスパイスを効かせるjQueryプラグイン
ウェブサイトにちょっとしたスパイスを効かせるためのjQueryプラグインが10個紹介されてます。上からニュっと出てくるログインパネル、ユーザーによるレイアウト変更、CSS切り替え、ウィザード形式のフォーム、ウェブチャット、変わったタグクラウド表現、Twitterっぽいログインパネル、スクローラー、Appleのような商品スライド、イメージロテイターなどがその内容。目的別に色々集められてます。ところでSpice upってなかなか適切な和訳が思い浮かびませんね。よく見る表現だけど直訳しちゃった。
[JAVASCRIPT] 26 jQuery Plugins for Superb Navigation – jQueryを使ったクールなナビゲーション
jQueryを使って、動きと機能を追加したクールなナビゲーションがまとめられた記事。Flash代替えとも言えるようなオンマウスに追従する動きのあるメニューや、ドロップダウン、スライダー、タブ切り替え、MacOS XのDock風メニュー、フェード表現などがあります。最近やってみようと思うのがフェード表現。メインメニューだけでなく、例えばサムネールにオンマウスでボーダーがフェードインするとか、応用も色々できそうです。