グリッドレイアウトでのWebサイト構築に役立つjQueryプラグイン「BlocksIt.js」「Isotope」「jQuery...

グリッドレイアウトでのWebサイト構築に役立つjQueryプラグイン「BlocksIt.js」「Isotope」「jQuery Masonry」｜BlackFlag

グリッドレイアウトでのWebサイト構築に役立つjQueryプラグイン「BlocksIt.js」「Isotope」「jQuery Masonry」 最近のレスポンシブWebデザインの影響もあって ボックスをタイル状に並べた構成のグリッドレイアウトWebサイトをよく見かけます。 ウィンドウサイズによって最適な配置で画面を構成できたりするグリッドレイアウトですが jQueryを使って簡単に実装することができるプラグインを自分用メモとして紹介してみます。 まずは「BlocksIt.js」 BlocksIt.js BlocksIt.js | Dynamic Grid Layout jQuery Plugin - Plugin Page デモページはこちら BlocksIt.js Demonstration #1 - Random Dynamic Grid Layout BlocksIt.js Demonstration #2 - Pinterest Dynamic Grid Layout with CSS3 Transitions ページをロードするたびにランダムでグリッドレイアウトが切り替わる 【#1-Random Dynamic Grid Layout】と、 Pinterestの様なレイアウトでウィンドウサイズを変えるたびにレイアウトが切り替わる 【#2-Pinterest Dynamic Grid Layout with CSS3

http://black-flag.net/jquery/20121128-4371.html