要素をバイブレーションさせられるjQueryプラグイン「jRumble」:phpspot開発日誌
jRumble | A jQuery Plugin That Rumbles Elements 要素をバイブレーションさせられるjQueryプラグイン「jRumble」。 カーソルを合わせる等のアクションをトリガとして、アイテムを自由にバイブレーションして目立たせることが出来るjQueryプラグインです。 利用者の注目を集めたい場所に仕込んでおくことで、かなり注意をひけそう。 メニューなんかもブルブルさせて今の位置を分かりやすくしたりも。 CSS3で回転なんかもできるようになってよりリアルにブルブルしてます。 動きの強さなんかはパラメータで簡単に調整できます。 ユーザビリティを上げるための１つのテクニックとして覚えておいて損はないですね。 追記）CPU利用率が高まるということで利用には注意が必要です 関連エントリ １枚の画像でハイライトする画像メニュー作成が可能なjQueryプラグイン「i
[JS]画像の読み込み・表示を工夫するためのスクリプト集
ImageLoader Utility -YUI サンプルでは、タイマー表示、マウスオーバーやクリックをトリガーとして表示、スクロールして可視範囲に含まれたら表示などがあり、これらを組み合わせて画像の表示タイミングを調整することも可能です。 また、クラス名でのコントロールも可能です。 Lazy Load Plugin for jQuery jQueryのプラグインで、画像がスクロールして可視範囲にふくまれたら、画像の読み込みを開始します。 Lazy Load Plugin for jQuery 使用するには、dimensions.js(jQueryのプラグイン)も必要です。 また、jQuery 1.1.4ではバグがあるとのことなので、昨日リリースしたjQuery 1.2でも動作しないかもしれません。 jQuery 1.2のリリース情報 lazierLoad - Javascript Ima
jQuery ソースコードを読むための参考資料一覧 - mollifier delta blog
2010/09/26(日) に京都で Kanasan.JS jQuery コードリーディング #2 が行われる(告知ページ)。みんなで jQuery のソースコードを読むイベントで、今回が2回目だ。参加者募集中です。 jQuery はファイル1つだけのライブラリなのですごい環境とかもってなくても大丈夫なんだけど、読むうえで参考になるサイトとかをまとめてみた。この辺の準備をしておくと理解が深まると思う。 ソースコード http://code.jquery.com/jquery-1.4.2.js http://github.com/jquery/jquery まずは jQuery のソースコードを取ってこないと始まらない。今回はバージョン 1.4.2 を使用する。jQuery の公式サイトから圧縮していないコードをダウンロードしよう。 それと、jQuery ソースコードは Git で管理されて
jQueryを使ったフルスクリーンのスライドショー『supersized』 – creamu
supersizedというjQueryを使ったフルスクリーンのスライドショーを見つけました。 特徴は以下の3つですね。 ・画像の縦横比を維持しながらブラウザに合うように画像をリサイズする ・フェードイン&アウトしながら画像を切り替える ・ナビゲーションで「一時停止・再生・戻る・進む」をコントロールできる こんな感じです。 オプションも数値でいろいろと設定できますね。 とてもかっこいいのでぜひ見てみてください。 » supersized 気持ちいい週末ですね〜。まったりだな。
[JS]jQueryのプラグイン100選 -2009年総集編
2009年に紹介したものを中心としたjQueryのプラグイン100選です。 カルーセル・ニュースティッカー関連 ギャラリー・画像拡大関連 ナビゲーション関連 タブ関連 パネル・ボックス関連 角丸関連
Lightbox.js のような写真のスライドショーするライブラリ沢山：Goodpic
This shop will be powered by Are you the store owner? Log in here
複数のライブラリに対応したLightboxスクリプト -Shadowbox.js
Shadowbox.jsは、Prototype、jQuery、YUI、Extなど複数のJavaScriptのライブラリに対応した、画像や動画などを拡大表示できるLightbox風のスクリプトです。 Shadowbox.js Media Viewer デモ ダウンロード Shadowbox.jsは複数のライブラリに対応しているというだけでもすごいですが、画像や動画の拡大表示にもさまざまなオプションがあり、多数あるLightbox風スクリプトの中でも充実した機能を持っていると思います。 下記に主な特徴を挙げます。 拡大する際のコードは、簡易です。 <a href="image.jpg" rel="shadowbox">Image</a> 併用するJavaScriptのライブラリは、下記の中から好きなものを選べます。 jQuery Prototype + Scriptaculous YUI Ex
jCarouselLite - Project
jCarousel Lite is a jQuery plugin that carries you on a carousel ride filled with images and HTML content. Put simply, you can navigate images and/or HTML in a carousel-style widget. It is super light weight, at about 2 KB, yet very flexible and customizable to fit most of our needs. As if that wasn't enough, the best part is yet to come... You don't need any special CSS file or class name to get
[JS]わずか1.3KBの軽量で、快適に動作するアコーディオンのスクリプト | コリス
Leigeberのエントリーから、以前紹介した「軽量でシンプルなアコーディオンのスクリプト」より更に軽量（1.3KB）になったアコーディオンのスクリプトを紹介します。 Animated JavaScript Accordion V2 demo Accordion V2はjQueryやPrototypeなどの他のスクリプトに依存することなく、単独で動作するスクリプトで、対応ブラウザはIE6, 7, 8, Fx2, 3, Op, Safari, Chromeとなっています。 ※Op9.6.0, Safari3.1.2 for Winで正常に動作しました。 仕様自体に大きな変更はなく、アコーディオンの開閉のタイミングやスピードを調整することができます。 アコーディオンの各項目はdl要素となっており、CSSオフ時やスクリプトオフ時にも情報入手の差し支えないように表示されます。
Webデザイナーのための美しいjQueryプラグイン22 – creamu
Tutorial9で、Webデザイナーのための美しいjQueryプラグインが紹介されています。 ざっといくつかご紹介。 » jQuery.popeye – an inline lightbox alternative lightboxをギャラリーのようなインターフェースに代替したjQuery.popeye » jPlayer – jQuery mp3 player plugin jQueryで作るmp3ミュージックプレーヤー » jQuery form plugin jQueryで非同期通信のフォームを実装 » easyDrag jQuery plugin 簡単にコンテンツをドラッグ&ドロップできるようにするプラグイン » jQuery accordion plugin – vertical 垂直方向のアコーディオンメニュー » Switch stylesheets with jQuery
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[JS]打ち出し画像をフラッシュのようにダイナミックに切り替えるスクリプト -s3Slider
jQueryサンプル集 | DesignWalker
写真スライド jCarousel - Riding carousels with jQuery
[JS]クロスブラウザ対応、モーダルボックスの軽量スクリプト -SimpleModal