Filterable Product Grid

JavaScript

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

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

Filterable Product Grid

デモ

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

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

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

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

Filterable Product Grid

関連記事

  1. notie.js

    JavaScript

    クリーンでシンプルな通知を表示できる「notie.js」

    notie.jsはクリーンでシンプルな通知を表示できるJSプラグインで…

  2. radialIndicator

    JavaScript

    シンプルな円形のインジケーターを実装できるjQueryプラグイン「radialIndicator」

    radialIndicatorはシンプルで美しい円形のインジケーターを…

  3. Valiant 360

    JavaScript

    360度のパノラマ動画を実装できるビデオプレーヤー「Valiant 360」

    Valiant 360はブラウザ上で360度のパノラマ動画・写真を実装…

  4. AJAX Live Search
  5. Custom Carousel

    JavaScript

    カードスタイルのカルーセル・スライダー実装「Custom Carousel」

    Custom Carouselはカードスタイルによるシンプルなカルーセ…

  6. JavaScript

    複数カラムをレスポンシブに対応させるjQueryプラグイン「jquery.columns」

    複数あるカラムをレスポンシブに対応させるためのjQueryプラグイン「…

最近の記事

  1. スタンスミス(EDIFICE/IENA別注)
  2. WI-1000XM2
  3. mill オイルヒーター
  4. Anker PowerWave 10 Pad & Stand セット

アーカイブ

PAGE TOP