colopixie Webデザイン、CSSのテクニック、Webで使える素材を紹介していきます。

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

Response.js

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

Menu to a Dropdown for Small Screens

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

Doubletake

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

FitText

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

jFontSize

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

Elastislide

カルーセルメニュー。

スライドショー。

Responsly

Blueberry

wmuSlider

PhotoSwipe

FlexSlider

Responsive jQuery Slideshow

Seamless Responsive Photo Grid

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

Responsive Image Gallery with Thumbnail Carousel

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

rlightbox – A jQuery UI mediabox

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

AdaptiveMedia

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

Dynamic Carousel

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

FitVids.JS

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

グリッド

jQuery Masonry

Isotope

The Heads-Up Grid

Adaptive Images in HTML

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

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

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

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

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