Freewall

JavaScript

レスポンシブ対応のグリッドレイアウトを実装できるjQueryプラグイン「Freewall」

FreewallというjQueryプラグインを使えばレスポンシブに対応したグリッドレイアウトを実装することができます。ブラウザ幅によってレイアウトが柔軟に最適化されるので色んなデバイスで閲覧可能です。ブラウザ幅が変更されることによるコンテンツ移動のアニメーションもスムーズでいい感じですね。

[ads_center]

Freewallの使い方

Freewall

Freewall

実際のデモでは画面右上にあるアイコンから横幅を変更した時の動作をチェックすることができます。

Freewall

<script>
$(function() {
    var wall = new freewall("#container");
    wall.fitWidth();
});
</script>

ブログのトップページなんかで使ってみたいですね。

Accessible Mega MenujQueryプラグインでメガメニューを実装できる「Accessible Mega Menu」前のページ

スクロールしても常にナビゲーションメニューが上部に固定されるjQueryプラグイン「stickUp」次のページstickUp

最近の記事

  1. ボヤージュブレンド
  2. 紫陽花とセミの抜けがら
  3. クラブハウスサンド 石窯カンパーニュ
PAGE TOP