Filterable Product Grid

JavaScript

レスポンシブなグリッドレイアウトでタッチにも対応した「Filterable Product Grid」

Filterable Product Gridはタッチにも対応したレスポンシブなグリッドレイアウトを実装することができます。商品ページを作成する際にとても役立ちそうですね。デザイン、機能ともにシンプルで使いやすいです。

Filterable Product Grid

デモ

レスポンシブ対応なので様々なブラウザ幅に最適なレイアウトで表示されます。ブラウザ幅を変更することでアニメーション付きでレイアウトが調整されていきます。

また、タッチにも対応しておりデモページをiPhoneで動作確認してみたところ、商品ブロック内をフリックで切り替えていくことができました。

これはかなり便利ですね。直感的でストレスなく操作することができるので非常に使い心地がいいと思います。

そんなわけで、プロダクトをレスポンシブに対応したグリッドレイアウトで作りたいという方は是非チェックしてみてください。

Filterable Product Grid

関連記事

  1. JavaScript

    レスポンシブにも対応している人気のjQueryプラグインのスライダー「Nivo Slider」の使い…

    レスポンシブにも対応している人気のjQueryプラグイン「Nivo S…

  2. JavaScript

    シンプル・軽量・簡単なLightBox系モーダルウィンドウのjQueryプラグイン「portBox」…

    portBoxというjQueryプラグインを使えばシンプルで軽量なLi…

  3. Enllax.js

    JavaScript

    軽量で簡単なパララックスを実装できるjQueryプラグイン「Enllax.js」

    Enllax.jsは軽量で使い方も簡単なパララックスエフェクトを実装す…

  4. jCider

    JavaScript

    レスポンシブ対応のjQueryカルーセルプラグイン実装「jCider」

    jCiderはレスポンシブ対応のシンプルなカルーセルを実装できるjQu…

  5. no-image

    JavaScript

    高性能なイメージビューアを実装できる「PhotoViewer」

    PhotoViewerは高性能なイメージビューアを実装できるJSプラグ…

最近の記事

  1. ジェットストリームの三色ボールペン(+シャーペン付き)と黒の替芯
  2. ブラジルイパネマ
  3. 梅しば
  4. BM-IBCDH13RD

アーカイブ

PAGE TOP