Freewall

JavaScript

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

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

[ads_center]

Freewallの使い方

Freewall

Freewall

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

Freewall

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

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

関連記事

  1. no-image
  2. no-image

    JavaScript

    スタイリッシュで美しいイメージスライダー「Gliding Gallery」

    Gliding Galleryはスタイリッシュで美しいシンプルなイメー…

  3. no-image

    JavaScript

    レスポンシブでマルチレベルに対応したナビゲーション「K-Responsive-Menu」

    K-Responsive-Menuは、レスポンシブでマルチレベルに対応…

  4. JavaScript

    シンプルで軽量のレスポンシブなjQueryスライダー「ResponsiveSlides.js」を使っ…

    とてもシンプルで使いやすそうなレスポンシブのjQueryスライダー「R…

  5. timedropper

    JavaScript

    時刻を指定しやすくしてくれるjQueryのタイムピッカー「timedropper」

    timedropperは時刻の指定をしやすいUIを実装できるjQuer…

  6. footerMenu

    JavaScript

    スクロールでフッターメニューを表示させる「footerMenu」

    footerMenuはスクロールするとフッターメニューを表示させること…

コメント

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

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

最近の記事

  1. macOS Mojaveのダークモード
  2. Olli
  3. 単語帳メーカー(Flashcard Maker App)
  4. 1Password 7

Facebookページ

PAGE TOP