on:2013年6月20日sponsorsGoogleトレンドのようなグリッド状に配置した複数のパネルにダイナミックなアニメーションを与えるスクリプトを紹介します。Firefoxでご覧ください。※Safariで見たら、クラッシュしました。delays3種類のデモは、1:アニメーション無し、2:ディレイ無しのアニメーション、3:ディレイ有りのアニメーションとなっています。3のアニメーションgif左上からパネルの表示数・レイアウトが変更すると、アニメーションで変更します。実装div要素で配置したパネルと外部ファイルとほんの少しのスクリプトを記述するだけです。外部ファイルModernizrをhead内に、bodyの下の方に当スクリプトとclassie.jsを外部スクリプトとして記述します。src="js/grid.js"></script></body>JavaScriptスクリプトでアニメーションの有無、ディレイの有無、スピードを調整できます。