要素をタイル状に並べる軽量プラグイン「Freetile.js」
- 2015-08-10 Mon 13:58:34
- デザイン
ダウンロード&サンプル
githubページからダウンロード可能です。
サンプルはこちら。
使い方
基本は呼び出すだけ。
$('#container').freetile();この場合は#container内にタイルする要素が入っているイメージです。
アニメーションとディレイ設定(ms):
$('#container').freetile({
animate: true,
elementDelay: 30
});
カスタムエレメント(タイルするエレメントを指定する場合)
$('#container').freetile({
selector: 'customSelector'
});
☆
2年前くらいにリリースされたものみたいなんですが、軽量なのと、シンプルなのがいいですね。
ご参考にどうぞ。
- 関連記事
-
- 愛され♡「メリハリ」ウェブデザインを作る!注目を集めたいときのデザインテクニック 2015/10/30
- photoshopのアートボード機能でレスポンシブも、デザインパターンも一気に書き出し。 2015/10/10
- レスポンシブデザインのプレビューをするために、ブラウザの最小幅を知っておこう 2015/09/10
- 要素をタイル状に並べる軽量プラグイン「Freetile.js」 2015/08/10
- 最低限これだけ覚えればemmetの恩恵にあずかれるかもな考え方のヒント 2015/08/07
- 軽量でシンプルなレスポンシブフレームワーク「Skeleton」 2015/07/27
- デザインで文化に切り込む、最近の斬新な神棚いろいろ。 2015/07/14