レスポンシブデザインに使えるjQueryプラグイン集 – creamu
「20 Useful jQuery Plugins for Responsive Web Design」という記事で、レスポンシブデザインに使えるjQueryプラグインが20個まとまっています。 上記はPHOTO SWIPE。スマートフォン用に、スワイプできるスライドショーを作ることができます。 isotope アニメーションでオブジェクトの位置が変更されます ResponsiveSlides.js シンプルなクロスフェードタイプのスライドショー The Heads-Up Grid オーバーレイでグリッドラインを表示 jQuery Masonry fluidなレイアウトが実現できる scrolldeck 矢印キーでページ移動、動きのあるプレゼンテーションを可能にする Elastislide ウィンドウサイズの変更に対応した、レスポンシブなカルーセルギャラリー AUTOMATIC IMAGE
レスポンシブなjQueryスライダー実装プラグイン８個:phpspot開発日誌
8 Responsive jQuery Slider Plugins | Resources レスポンシブなjQueryスライダー実装プラグイン８個 多様化するデバイス環境の中、レスポンシブの簡単さと柔軟さは今後はWEBデザイナーさんの常識となってくると思いますが、レスポンシブな仕組みを使ったスライダー実装プラグインです。 今後はプラグインもレスポンシブがデフォルトなんていう時代になっていくんじゃないかと思っています。 iPhoneに対応したらそのまま使えないプラグインって微妙〜、という感じになっちゃうかも。 関連エントリ 面白いテキストアニメーションが作れるjQueryプラグイン「textualizer」 リッチなドロップダウンメニュー実装ができるjQueryプラグイン「Mega Drop Down Menu」 次世代のイメージマップを実現できるjQueryプラグイン「ImageMaps
美しいスタイルと軽快なアニメーションが気持ちいい、エラスティックレイアウト対応の画像ギャラリー
デモページ 2 実装 HTML メインとなるスライダー、サムネイル一覧、を2つのul要素で実装します。 <div id="ei-slider" class="ei-slider"> <ul class="ei-slider-large"> <li> <img src="images/large/1.jpg" alt="image01" /> <div class="ei-title"> <h2>Creative</h2> <h3>Geek</h3> </div> </li> <li>...</li> </ul> <ul class="ei-slider-thumbs"> <li class="ei-slider-element">Current</li> <li> <a href="#">Slide 1</a> <img src="images/thumbs/1.jpg" alt="thu
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
