レスポンシブなレイアウトに役立つ25個のjQueryプラグイン


PCやスマートフォンなどに自動的に対応してくれるレスポンシブなサイトに役立つjQueryのプラグインが25 jQuery Plugins to help with Responsive Layoutsにありましたので、紹介したいと思います。

Response.js




スマートフォンに最適化してくれるJS
sampleview

Menu to a Dropdown for Small Screens


画面が小さくなると、ドロップダウンのメニューになる
sampleview

Doubletake


画像のサイズを動的に変更してくれる
sampleview

FitText


画面のサイズに合わせてフォントサイズを変更してくれる
sampleview

jFontSize


フォントサイズを変更してくれる
sampleview

Elastislide


カルーセルメニュー。
sampleview

スライドショー。

Responsly


sampleview

Blueberry


sampleview

wmuSlider


sampleview

PhotoSwipe


sampleview

FlexSlider


sampleview

Responsive jQuery Slideshow


sampleview

Seamless Responsive Photo Grid


グリッドで画像を表示する
sampleview

Responsive Image Gallery with Thumbnail Carousel


ギャラリーとカルーセルメニュー
sampleview

rlightbox – A jQuery UI mediabox


拡大して動画などを再生する
sampleview

AdaptiveMedia


画面の大きさに応じてカラムを変更してくれる
sampleview

Dynamic Carousel


画面の大きさに応じて内容のサイズを変更してくれる
sampleview

FitVids.JS


画面の大きさに応じて動画のサイズを変更してくれる
sampleview

グリッド

jQuery Masonry


sampleview

Isotope


sampleview

The Heads-Up Grid


sampleview

Adaptive Images in HTML


画面サイズに応じて画像のサイズを変更してくれる
sampleview

* Comments : 3 * Category-Diary

3 Responses to レスポンシブなレイアウトに役立つ25個のjQueryプラグイン

  1. Pingback: というわけで、レスポンシブ Web デザインを取り入れてみた :: デザインワークス・オンサイド

  2. Pingback: レスポンシブレイアウトを学ぶ

  3. Pingback: jQueryで実装するレスポンシブ対応のメニュープラグインまとめ | Code-Hunter

コメントを残す