jQuery

スライド時にキャプション等のテキストを遅延表示させる事が出来るイメージスライダー・ayaSlider

キャプション等のテキストがスライド時に遅延して表示させる、という演出が可能なイメージスライダーのご紹介。上手く説明できないのでデモをご覧頂ければと思います。

HTML5によるWebカメラの導入をサポートするjQueryプラグイン・Photobooth.js

HTML5でWebカメラに対応可能なWebサイトを実装するのを手助けしてくれる、というスクリプトのご紹介です。トリミングや色彩変更などの編集も可能のようです。

HTML5のvideoタグを使って背景に動画を設定するjQueryプラグイン・videoBG

HTML5から使えるvideoタグで背景への動画設定を簡単に行えるというスクリプトです。対応していないブラウザには静画が表示されるようになっているみたい。
Ads

マウスホバーでツールチップにWikipediaの内容を表示させるjQueryプラグイン・wikiUp

ちょっと需要あるかも?と思ったのでご紹介。Wikipediaの情報をツールチップとして表示させる、というjQueryプラグインです。日本語にも勿論対応しています。ヘルプにも使えるかもしれない。

jQuery UIで使えるアイコンの名前を調べるためのチートシート・jQuery UI icon name map

jQuery UIで用意されてるアイコン のチートシートです。使用頻度が 高いならチートシートを持ってお くと便利かもしれません。調べる の面倒ですしね。自分のようにたま にしか使わないなら不要ですが。

tableをレスポンシブWebデザインに対応させるスクリプト・FooTable

table要素をレスポンシブに対応させる、というスクリプトです。他にも同じようなスクリプトは存在しますが実用的ではなかったので紹介してなかったですけどこれはアリな気がします。

JavaScript製のショッピングカートシステム・simpleCart(js)

JSだけで作れるショッピングカート システム・simpleCart(js)のご紹介。 作れる、と書いてますけどまだ触って 無いです。便利そうだったので備忘録 的に記事にして見ます。簡単なもの ならこういうライトなもので済ませ た...

Bootstrap向けの汎用的なモーダルボックス実装スクリプト・Bootstrap Modal

よさ気だったのでメモ。Twitter Bootstrap向けのモーダルスクリ プト、Bootstrap Modalです。既存 のモーダルクラスの代替、または パッチとして利用出来る、との事 です。

ドラッグ&ドロップによる再配置も可能な、タイル状に要素を配置するjQueryプラグイン・jQuery.Shapeshift

要素をタイル状に配置してくれる、というjQueryプラグイン。特に目新しいものでは無いですけど。Pinterestライクなレイアウトを実装出来る、と言ったほうが伝わりやすいかも知れませんね。

長いテキストを「…」で省略するjQueryプラグイン・Smarttruncation

長いテキストを省略して表示 する、というjQueryプラグイン 、Smarttruncationのご紹介。 CSSのみでも一応は可能ですけど、 こちらはある程度応用が利くの で覚えておこうかと思います。

フルスクリーンにイメージギャラリーを実装するjQueryプラグイン・jmFullWall

フルスクリーンのイメージギャ ラリーを実装するスクリプトが あったのでなんとなくメモ。ビ ジュアル的にも良いので用途は 割とありそうな気がします。

コンテナに画像がぴったり収まるように画像のサイズを変更するjQueryプラグイン・imgLiquid

画像を包括したコンテナに その画像がぴったり収まる ようにサイズを調整する、 というjQueryプラグイン。 必要になるか分かりません が、需要はありそう。

任意のWebサイトを様々な画面サイズで表示確認出来るレスポンシブWebデザインの開発補助用jQueryプラグイン・jResize

手軽で良かったのでご紹介。レスポ ンシブWebデザイン対応のサイト構築 のレイアウト確認用のjQueryプラグ インです。開発補助用になりますね。 同じツールも沢山ありますけど。。

Facebookライクなモーダルボックスを実装するスクリプト・Mikes Modal Library

Facebookライクなモーダルボックス を実装するスクリプト、Mikes Modal Libraryのご紹介。Facebookはもうや ってないですけど、汎用的でいいの では無いかなと。jQueryを使用しま す。

Webサイトツアーを可愛い吹き出しで実装するjQueryプラグイン・Crumble

注目させたい箇所に順々に吹き出し を表示させるWebサイトのツアー コンテンツを実装するjQueryのプ ラグイン・Crumbleのご紹介です。 可愛いデザインでこのままでも使え そうです。

Youtubeのプレイリストをスライドギャラリーとして実装するjQueryプラグイン・jQuery Youtube Playlist Gallery

Toutubeで作ったプレイリストを スライドギャラリーにする、とい うjQueryのプラグイン。まだ使う 予定は無いけど便利そうだったの で。プレイリストを読み込むので、 動画を追加したい場合はリストに 動画を追加します。

コンテンツのスライドイン・アウトと簡易的なスライダーを兼ね備えたjQueryプラグイン・TOGGLE SLIDER

コンテンツのスライドイン・ アウトと簡易的なスライダー を実装する、というスクリ プト。うまく説明できません が、目を惹くことは出来そう です。

table要素内をキーワードでフィルタリングする軽量なjQueryプラグイン・jquery.table_filter.js

table要素内をキーワードで フィルタリングできる、と いうプラグイン。シンプル な用途ですが、割と需要が あるのと、軽量なので一応 メモ。

素敵なエフェクトが複数用意されたイメージスライダー・jq-tiles

画像の切り替え時のエフェクトが とっても素敵なjQueryのイメージ スライダー・jq-tilesのご紹介で す。クロスブラウザという訳では 無いのでこのままだと用途は限ら れますけど・・

タッチデバイスで要素をスムーズに回転させるjQueryプラグイン・Touchy

タッチイベントによるホイール スクロール等を可能にするjQuery のプラグイン。ラッチ(カチカチ感) の無い、慣性ホイールスクロール も実装可能です。ドラッグや フリックなども対応してるみたい。

jQuery UIを使ったタブの数が多くてもレイアウトを崩さないようにするスクリプト・plusTabs

jQuery UIを使ったタブコンテンツ でタブ数が多数有ってもレイアウト を崩さないようにドロップダウン化 するスクリプトです。確かにちょっ と問題だったのでありがたいです。 ドロップダウン+タブメニューという 感じ。

綺麗目で見やすいjQuery UIのデザインテーマ・DELTA

jQuery UIのデザインテーマ・DELTAの ご紹介。使い勝手の良いjQuery UIです が、デザインの変更は結構工数を食い ます。DELTAはそんなjQuery UIのデザ インを綺麗目で見やすくしたテーマ。 Twitte...
Ads