キーワード "masonry" で検索中：16件
- 【jQuery】フィルターやソート機能にも対応したMasonry風jQueryプラグイン［Isotope］の使い方。 グリッドに沿って各要素をタイル状にレイアウトするプラグインで、有名なものでは［jQuery Masonry］が挙げられます。 この分野のjQueryプラグインでは最も知名度が高く、初心者の方でも比較的簡単に導入できるので、使っている方も多い… 【jQuery】フィルターやソート機能にも対応したMasonry風jQueryプラグイン［Isotope］の使い方。続きを読む →
- 【jQuery】［Masonry］の表示の不具合を解消するために［imagesLoaded］を併用する方法。 ［jQuery Masonry］を使う際、Webkit系のブラウザ（Safari、Chrome）によっては、読み込みの際にボックスが重なり、初動では意図したように表示されないケースがあります。 巷のブログでは、その不具合を解決するために「&… 【jQuery】［Masonry］の表示の不具合を解消するために［imagesLoaded］を併用する方法。続きを読む →
- 【jQuery】可変グリッド・レイアウトの超有名プラグイン［Masonry］を紹介します。 ウィンドウサイズに合わせてレイアウトがアニメーションしながら可変する［Masonry］は、言わずと知れた超有名 jQuery プラグインです。 「Masonry」とは直訳すると「石造建築」の意味。レンガ造りの壁をイメージすると、その特性が理… 【jQuery】可変グリッド・レイアウトの超有名プラグイン［Masonry］を紹介します。続きを読む →
- 【JavaScript】カード型レイアウトを簡単に実装できる［Minigrid］の使い方 今日紹介する［Minigrid］はカード型のレイアウトを簡単に実装できる超軽量JavaScriptライブラリです。 Minigrid : http://minigrid.js.org ほぼ同機能のjQueryプラグインでは［Masonry］… 【JavaScript】カード型レイアウトを簡単に実装できる［Minigrid］の使い方続きを読む →
- 【JavaScript】超高機能なグリッドレイアウトを実装する［Packery］はドラッグによる並べ替えにも対応！ グリッドレイアウト採用時に、ぜひ導入したいJavaScriptのライブラリ［Packery］を紹介します。 百聞は一見に如かず。まずは動作サンプルをご覧ください。 Packery：動作サンプル ご覧いただいたように、任意のボタンをクリックす… 【JavaScript】超高機能なグリッドレイアウトを実装する［Packery］はドラッグによる並べ替えにも対応！続きを読む →
- 【jQuery】要素をタイル状に並べるプラグイン［Freetile.js］の使い方。 グリッドに沿って要素をタイル状に並べる jQueryプラグインとして、これまでにも［Masonry］や［Isotope］を紹介してきました。 今日紹介する［Freetile.js］も、前者２つと同じような機能を備えたプラグインです。 まずは… 【jQuery】要素をタイル状に並べるプラグイン［Freetile.js］の使い方。続きを読む →
- 【jQuery】超高機能ギャラリー［MixItUp］の使い方。 フィルターをかけられたり、ソートもできる超高機能jQueryギャラリー［MixItUp］の紹介です。 まずは公式サイトからプラグイン本体をダウンロードしてきましょう。 https://www.kunkalabs.com/mixitup/ ダ… 【jQuery】超高機能ギャラリー［MixItUp］の使い方。続きを読む →
