Filterable Product Grid

JavaScript

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

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

Filterable Product Grid

デモ

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

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

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

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

Filterable Product Grid

Bywordでワード数と文字数の表示・非表示Bywordでワード数と文字数のカウンター表示・非表示を切り替えるショートカットキー前のページ

ヘッダーとフッターを固定したままスクロール可能なテーブル「jTableScroll」次のページjTableScroll

最近の記事

  1. ドリップコーヒー
  2. コールドブリューコーヒー
  3. カマキリ
  4. チキンサブジ
  5. trolox(トロロックス)
PAGE TOP