要素をタイル状に並べるjQuery プラグイン「isotope」 | KasaneIrome

こんにちは。今回は日本の伝統色を並べたサイト、「iro × iro」で使用したプラグイン、isotopeを紹介します。各要素をタイル上に並べ、ウィンドウの幅に合わせて自動的に入れ替わるという動きは別のjQueryプラグイン、masonryが有名ですが、「iro × iro」ではisotopeを使用しました。 interest風グリッドデザイン pinterestに代表されるこの動きを取り入れたwebサイトは数多く存在します。pinterest風なWebサイトで日本で有名なのがNHKスタジオパークでしょうか。幅の異なった一つ一つのタイルを敷き詰めています。 NHKスタジオパーク 個人的に好きなWebサイトはPASS THE BATON、kakidashiです。 PASS THE BATON kakidashi このデザインは一覧性を重視したサイトに良く合います。ECサイトで使えば、商品の画像