Babylon Grid

JavaScript

Pinterest風のレスポンシブなグリッドレイアウトを実装できるjQueryプラグイン「Babylon Grid」

Babylon GridというjQueryプラグインを使えば、Pinterest風の軽量でレスポンシブなグリッドレイアウトを実装することができます。jQueryとCSSを活用することでダイナミックでカスタマイズも可能なプラグインになっています。

[ads_center]

Babylon Grid

以下から実際のデモを確認することができます。

Babylon Grid

デモ

レスポンシブなのでブラウザ幅に合わせてレイアウトが調整されていきます。軽量なのが何よりも良いですね。

他にもAjaxがサポートされたりもしています。

Babylon Grid

TextTailor.jsコンテナ内のフォントサイズを自動リサイズしてくれるjQueryプラグイン「TextTailor.js」前のページ

スマホ操作に最適!左右のスワイプで有効・無効を選べるjQueryプラグイン「Swipe-Li」次のページSwipe-Li

関連記事

  1. Los Scrollos

    JavaScript

    シンプルで滑らかな水平スクロール実装「Los Scrollos」

    Los Scrollosはシンプルで滑らかな水平スクロールを実装できる…

  2. scrollMonitor

    JavaScript

    要素が表示領域に入ったり出たりするとイベントを受け取れる「scrollMonitor」

    scrollMonitorは、要素が表示領域(ビューポート)に入ったり…

  3. JavaScript

    ホバーすると中心から円形メニューが表示される「jQuery Wheel Menu」

    ホバーするとその地点を中心にして円形メニューが表示されるプラグイン「j…

  4. no-image

    JavaScript

    サイドバーをフローティングできる「FloatSidebar.js」

    FloatSidebar.jsはサイドバーをフローティングできるVan…

  5. JavaScript

    文字の半分をスタイルすることができるjQueryプラグイン「Splitchar」

    SplitcharというjQueryプラグインを使えば、文字の半分をス…

  6. jquery-steps

    JavaScript

    ステップ式のウィザードを実装できるjQueryプラグイン「jquery-steps」

    jquery-stepsは、ステップ式のウィザードを実装することができ…

最近の記事

  1. 長十郎
  2. COMOLI シルクネルシャツ
  3. WiMAX
  4. 甘柿
PAGE TOP