Tag Archives: レスポンシブ

http://owlgraphic.com/owlcarousel/#customizing

【Owl Carousel】タッチ操作やレスポンシブにも対応したカルーセルを実装できるjQueryプラグイン

Lisence: MITライセンス
Tag: ギャラリーレスポンシブ
http://fat.github.io/zoom.js/

【zoom.js】画像を拡大表示するシンプルなjQueryプラグイン

Lisence: MITライセンス
Tag: レスポンシブ画像拡大
http://xoxco.com/projects/code/breakpoints/

【Breakpoints.js】ブレイクポイントを指定しブレイクポイント毎に画像を差し替えるjQueryプラグイン

Lisence: MITライセンス
Tag: ブレイクポイントレスポンシブ
http://demo.paper-leaf.com/alton/standard/

【alton】コンテンツごとに縦スクロールでナビゲートできるjQueryプラグイン

Lisence: GPLライセンス
Tag: スクロールレスポンシブ
http://codepen.io/bamf/full/jEpxOX/

【before-after.js】レスポンシブに対応したビフォーアフター画像を実装することができるスクリプト

Lisence: MITライセンス
Tag: ビフォーアフターレスポンシブ
tipso

【tipso】レスポンシブに対応した軽量なツールチップを実装できるjQueryプラグイン

Lisence: MITライセンス
Tag: アニメーションツールチップレスポンシブ吹き出し
http://joeyvandijk.github.io/rimg/

【Rimg】表示サイズに最適な画像・背景画像を表示するレスポンシブ対応の軽量スクリプト

単独で動くスクリプトです。

Lisence: MITライセンス
Tag: レスポンシブ
http://flickity.metafizzy.co/

【Flickity】レスポンシブ・フリックに対応したスライダー

jQueryに依存しないスライダースクリプト。レスポンシブ対応、モバイル端末のフリックにも対応。

Lisence: GPLライセンス
Tag: スライダータッチデバイスレスポンシブ
Dynamic Timeline

【Dynamic Timeline】綺麗でレスポンシブなタイムラインのUIを作成できるjQueryプラグイン

Lisence: MITライセンス
Tag: タイムラインレスポンシブ時間軸
nested

【Nested】動的なグリッドレイアウトを作成するjQueryプラグイン

Lisence: MITライセンス
Tag: エフェクトレイアウトレスポンシブ
http://photoswipe.com/

【PhotoSwipe】シンプルなフォトギャラリーjQueryプラグイン

レスポンシブでスワイプなどのタッチデバイスにも対応。

Lisence: MITライセンス
Tag: ギャラリーレスポンシブ
Vex

【vex】レスポンシブ対応なモーダルウインドウを実装できるjQueryプラグイン

Lisence: MITライセンス
Tag: アニメーションモーダルウィンドウレスポンシブ
Slider Pro

【slider-pro】さまざまなスライダーを実装できるjQueryプラグイン

Lisence: MITライセンス
Tag: スライダータッチデバイスマルチデバイスレスポンシブ
MenuItems

【MenuItems】レスポンシブ対応のメニューを実装するjQueryプラグイン

Lisence: MITライセンス
Tag: レスポンシブ
http://mattstow.com/experiment/responsive-image-maps/rwd-image-maps.html#blossom

【jQuery RWD Image Maps】クリッカブルマップをレスポンシブにする

クリッカブルマップをレスポンシブ対応にします。

Lisence: MITライセンス
Tag: クリッカブルマップレスポンシブ
http://mobify.github.io/bellows/

【bellows】レスポンシブなアコーディオンメニューを実装できるjQueryプラグイン

Lisence: MITライセンス
Tag: アコーディオンレスポンシブ
glide

【Glide.js】シンプルで汎用性の高いスライダー

画像や動画だけでなく、どんな要素も組み込めるスライダーを作れるjQueryプラグイン。レスポンシブにも対応。

Lisence: MITライセンス
Tag: コンテンツスライダースマートフォンスライダーフルスクリーンレスポンシブ
http://www.jerrylow.com/basictable/demo/

【basictable】レスポンシブなテーブルをつくるjQueryプラグイン

Lisence: MITライセンス
Tag: グラフ・表レスポンシブ
http://respontent.frebsite.nl/

【Respontent】コンテンツを自動でレスポンシブ化するjQueryプラグイン

画像、テキスト、テーブル、YouTubeやGoogleMapsなどのiframeにも対応。

Lisence: MITライセンス
Tag: レスポンシブ
http://gilbitron.github.io/Ideal-Image-Slider/

【Ideal Image Slider】シンプルな画像スライダースクリプト

レスポンシブ対応・タッチデバイス対応です。

Lisence: MITライセンス
Tag: スライダータッチデバイスレスポンシブ
jQuery Accordion

【jQuery Accordion】レスポンシブ対応のアコーディオンを実装できるjQueryプラグイン

Lisence: MITライセンス
Tag: アコーディオンレスポンシブ
http://jonom.github.io/jquery-focuspoint/demos/grid/lizard.html

【jquery-focuspoint】フォーカスポイントを決めて、ポイントを中心に切り抜くjQueryプラグイン

画像全体を縮小してレスポンシブ対応させるのではなく、重要な部分を予め定義しておき、その部分はかならず表示するというような処理をおこなうプラグインです。

Lisence: MITライセンス
Tag: レスポンシブ
http://jellekralt.github.io/Responsive-Tabs/demo/demo.html

【Responsive-Tabs】レスポンシブ対応のタブメニューを実装するjQueryプラグイン

レスポンシブ対応、画面サイズに応じてアコーディオンメニューになるタブメニューを実装するjQueryプラグイン。

Lisence: MITライセンス
Tag: アコーディオンタブレスポンシブ
Featherlight

【Featherlight】レスポンシブにも対応して軽量なLightbox風のjQueryプラグイン

Lisence: MITライセンス
Tag: Lightboxレスポンシブ
Adtile Fixed Nav

【Responsive & Fixed One Page Nav】レスポンシブな固定ナビゲーションを実装する

Lisence: MITライセンス
Tag: レスポンシブ位置固定
slick

【slick】多彩な機能・オプションを備えているカルーセルライブラリ

複数のアイテムを同時に表示やレスポンシブ対応、ドラッグ・スワイプ操作対応など、やりたいことの一通りの機能が揃っているjQueryライブラリです。

Lisence: MITライセンス
Tag: タッチデバイスレスポンシブ
http://dev.twoblok.es/data-img/

【data-Img】レスポンシブ対応した画像表示を実装できるjQueryプラグイン

幅に応じて画像を切り替えたい場合に使えます。

Lisence: MITライセンス
Tag: レスポンシブ
http://kurtnoble.com/labs/rrssb/

【rrssb】フラットなソーシャルボタンを設置するjQueryプラグイン

ソーシャルボタンをまとめて設置できるjQueryプラグイン。レスポンシブ対応。

Lisence: クリエイティブコモンズ
Tag: ソーシャルメディアボタンレスポンシブ
http://adobe-accessibility.github.io/Accessible-Mega-Menu/

【Accessible Mega Menu】レスポンシブなメガメニューjQueryプラグイン

レスポンシブ対応のメガメニューを実装できるjQueryプラグイン。

Lisence: Apacheライセンス
Tag: メガメニューレスポンシブ
http://brm.io/jquery-match-height-demo/

【matchHeight】高さを揃えるだけではなく、グルーピングや列に応じて揃えることもできるjQueryプラグイン

高さを揃えたい要素にclassを設定します。HTML5のdata属性を使って高さを揃えたいパネルをグループ化します。レスポンシブにも対応しています。

Lisence: MITライセンス
Tag: レイアウトレスポンシブ高さを揃える
http://fittextjs.com/

【FitText】テキストを親要素の幅に合わせて自動的に調整してくれるjQueryプラグイン

ブラウザの幅にあわせてフォントサイズを拡大・縮小させることができます。minFontSizeとmaxFontSizeを設定しサイズを入力することで、最小フォントサイズと最大フォントサイズを指定することもできます。

Lisence: WTFPL
Tag: レスポンシブ
Fluidbox

【Fluidbox】軽快な動きで画面いっぱいに表示されるLightBox風なjQueryプラグイン

使い方はとてもシンプルで、aタグでリンクされている画像を拡大版として表示します。レスポンシブにも対応しています。

Lisence: GPLライセンス
Tag: Lightboxレスポンシブ
Slidebars

【Slidebars】レスポンシブ対応の横からメニューなどを表示するjQueryプラグイン

メニューやコンテンツを横からスライドして表示させます。オプションでさまざまな設定ができます。

Lisence: MITライセンス
Tag: レスポンシブ
http://filamentgroup.com/examples/responsive-images/

【Responsive Images】画面サイズによって読み込むイメージを切り替えてくれるjQueryプラグイン

スクリーンサイズによって読み込む画像を切替えてくれます。

Lisence: GPLライセンスMITライセンス
Tag: レスポンシブ
camera

【camera】エフェクトの種類が豊富なレスポンシブ対応のスライダーが実装できるjQueryプラグイン

スキンやエフェクト、メーターの種類やナビゲーション、画像別に見せる時間を変えるなど様々な設定が可能です。

Lisence: BSDライセンス
Tag: レスポンシブ
Nivo Lightbox

【Nivo Lightbox】レスポンシブ対応のLightbox系jQueryプラグイン

フラットデザインでレスポンシブに対応したLightBoxが実装できます。画像の他にも動画やWebページを表示させることができます。

Lisence: MITライセンス
Tag: Lightboxレスポンシブ
http://kumailht.com/gridforms/

【Gridforms】綺麗なレスポンシブの入力フォームをつくるJS/CSSフレームワーク

綺麗な入力フォームをつくるJS/CSSのフレームワークレスポンシブ対応でスマートフォンから見ても綺麗です。Respond.jsを使うとIE8以下でもレスポンシブ対応が可能になります。

Lisence: MITライセンス
Tag: レスポンシブ
http://www.awkwardgroup.com/sandbox/awkward-showcase-a-jquery-plugin/

【rCrumbs】長いパンくずリストをウィンドウサイズに合わせて変換するjQueryプラグイン

使用可能な画面幅のスペースに応じてパンくずリストのアイテム数を動的に変更するレスポンシブ対応のjQueryプラグイン。

Lisence: MITライセンス
Tag: パンくずリストレスポンシブ
http://tympanus.net/Development/Calendario/

【Calendario】レスポンシブ対応のjQueryカレンダープラグイン

レスポンシブ対応のカレンダー。小さい画面では縦並びの表示に変わります。

Lisence: MITライセンス
Tag: カレンダーレスポンシブ
http://tympanus.net/Development/Elastislide/

【Elastislide】ウィンドウサイズに合わせて表示するカルーセルスライドjQueryプラグイン

表示サイズに合わせて、最適なサイズに変更して表示されるカルーセルタイプのスライダーです。

Lisence: クリエイティブコモンズ
Tag: レスポンシブ
http://garyhepting.com/jquery-responsive-text/

【jQuery responsiveText】レスポンシブなテキストを実装するjQueryプラグイン

指定したテキストを、簡単にレスポンシブにすることができます。テキストごとにフォントサイズの最大値や最小値などを指定する事もでき、とても便利です。

Lisence: MITライセンス
Tag: レスポンシブ
http://johnpolacek.github.io/imagefill.js/responsive.html

【imagefill】画像サイズをレスポンシブ化させるjQueryプラグイン

画像サイズに従ってそのまま縮小するのではなく、画像の中央部部分を軸として幅や高さに合わせて表示します。※IE6,IE7でも動作自体はしますので、CSSの設定次第で使えそうです。

Lisence: GPLライセンスMITライセンス
Tag: レスポンシブ
http://b3ckstage.github.io/CSS3-MenuSlider/

【CSS3-MenuSlider】モバイル対応のナビゲーションメニューをつくるjQueryプラグイン

CSS3 Menu Sliderを使えば、モバイルにも対応したサイドバーのナビゲーションメニューを実装することができます。パソコンのブラウザではナビゲーションメニューが全て表示され、ブラウザ幅が縮小されるとメニューアイコ […]

Lisence: MITライセンス
Tag: レスポンシブ
http://dropthebit.com/demos/photobox/

【Photobox】スマートフォンにも対応したレスポンシブギャラリーjQueryプラグイン

Photoboxはレスポンシブ対応のギャラリーソフトウェアです。数多くの写真を奇麗に見せたい時にスライドショー形式で見せるのは良いアイディアですね。

Lisence: MITライセンス
Tag: ギャラリーレスポンシブ
http://bxslider.com/

【bxslider】画像や動画、HTMLコンテンツを含めることが可能なレスポンシブ対応のスライダーjQueryプラグイン

縦にスライドする、スライドした後バウンドする等々さまざまな機能のオプションがあります。各オプションの設定およびデモは配布サイトをご確認ください。

Lisence: MITライセンス
Tag: コンテンツスライダーレスポンシブ
http://marktyrrell.com/labs/blueberry/

【Blueberry】シンプルでレスポンシブ対応のスライダーを実装するjQueryプラグイン

デザインがシンプルでレスポンシブ対応のjQueryプラグイン。オプションで切り替わる早さなどの基本的な機能は実装されています。

Lisence: GPLライセンス
Tag: レスポンシブ
http://responsiveslides.com/

【ResponsiveSlides.js】レスポンシブ対応のスライドショーを実装するjQueryプラグイン

軽量でブラウザ対応もIE6~と幅広く対応しているjQueryプラグイン。シンプルなスライドショーなので多機能ではありませんが、軽量で設定が簡単です。

Lisence: MITライセンス
Tag: レスポンシブ
http://alexdunphy.github.io/refineslide/demo.html

【RefineSlide】様々なエフェクトが利用できてレスポンシブデザインにも対応可能なイメージスライドjQueryプラグイン

Lisence: MITライセンス
Tag: エフェクトレスポンシブ
http://masonjs.com/

【Mason.js】他のスクリプトで生じる端も埋める、パネルをレンガ状に配置するjQueryプラグイン

複数のパネルを積み上げたレンガ状に配置するレスポンシブ対応のスクリプトです。 他のスクリプトでのグリッドのレイアウトを使う時に生じる隙間や端にも穴がない状態でレイアウトすることが可能です。

Lisence: MITライセンス
Tag: レスポンシブ
http://adnantopal.github.io/slimmenu/

【slimMenu】深い階層のメニューが作れるレスポンシブ対応jQueryプラグイン

深い階層のメニューが作れるレスポンシブ対応jQueryプラグイン。スマートフォンでも開閉できる深い階層のレスポンシブなメニューが作れます。同じページに複数のメニューを設置することも可能。

Lisence: MITライセンス
Tag: レスポンシブ
1 / 212

Page Top