【JavaScript】超高機能なグリッドレイアウトを実装する[Packery]はドラッグによる並べ替えにも対応! グリッドレイアウト採用時に、ぜひ導入したいJavaScriptのライブラリ[Packery]を紹介します。 百聞は一見に如かず。まずは動作サンプルをご覧ください。 Packery:動作サンプル ご覧いただいたように、任意のボタンをクリックすることで要素が追加され、ウィンドウサイズを変えるとアニメーションを伴って再レイアウトします。 また注目すべきメインの機能である「ドラッギングによる並べ替え」は動作も大変スムーズです。 その完成度は「超高機能」と呼ぶに相応しいでしょう。 似たようなプラグインでは、当サイトでも紹介している[Masonry]や[Isotope]がありますが、驚くべきことに、実はこれらのプラグインの開発者は同一人物なんです。 プログラマーの David DeSan