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. JavaScript

    jQuery MobileでWebサイトをスマートフォン対応にする時に見ておきたい記事のまとめ

    今更ながらようやくjQuery Mobileを使い始めたんですが、基本…

  2. anchor.js

    JavaScript

    ページ内リンクをスムーズにスクロール移動できるjQueryプラグイン「anchor.js」

    anchor.jsはページ内リンクをスムーズなスクロールで移動すること…

  3. simplePagination.js
  4. JavaScript

    サムネイルをクリックして拡大画像が見れるレスポンシブ対応のjQuery画像ギャラリー「Superbo…

    綺麗に並んだサムネイル画像をクリックして拡大画像を見ることができるjQ…

  5. no-image

    JavaScript

    スライダータイプの質問フォーム実装「jquery.formslider」

    jquery.formsliderはスライダータイプによる質問フォーム…

  6. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryでパターン化されたクラス名をループで1つずつ取り出して処理する

    どうでもいい内容なんですがちょっとやりたかったのでメモです。jQuer…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

最近の記事

  1. SRS-XB43
  2. Nu:kin
  3. フィールグッドシャワー

アーカイブ

PAGE TOP