簡単！これだけで差別化できるダイナミックなレイアウト！

2014.09.01

WEBデザインも流行り廃りの激しい世界！
日本は万人受けのデザインがとても多いので、
他社との差別化を図るべく、もっと個性的ばWEBサイトを作ろうと考えている方は知っておいたほうが良いダイナミックなレイアウトが簡単に組み込めるプラグインをご紹介！

Free Wall

URL：
http://vnjs.net/www/project/freewall/
 
たくさんのグリットレイアウトやアニメーション、フィルターなどが用意されており、かつレスポンシブ対応なので採用しやすいjqueryプラグインです。
 

タイルがちっさいので見つけ辛いですが、「Download」を見つけてDLしてください。
解凍すると「sample」内にすべてのグリットレイアウトサンプルデータが入っています。
その中から一部をご紹介します！
 

Filter

DEMOはこちら
ブロックのサイズ別にフィルターがかけられます。
 

Add more

DEMOはこちら
「Add more」タイルをクリックすると、表示タイルの後に、新たなタイルが読み込まれる仕組みです。
 

Css Animation

DEMOはこちら
ページ読込時に画像がアニメーションで表示されます。
 

Draggable

DEMOはこちら
ドラッグでタイルの配置を変えられます。
また、自動でタイルがうまくハマるように他のタイルも動きます。
 

Metoro Style

DEMOはこちら
Win8のメトロスタイルが実装できます。
 

これだけのパターンがあるので、いろんな組み合わせで個性的なWEBサイトが作れそうです！