Filterable Product Grid

JavaScript

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

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

Filterable Product Grid

デモ

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

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

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

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

Filterable Product Grid

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

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

関連記事

  1. no-image

    JavaScript

    シンプルなバナースライドショーを実装できる「jsslider」

    jssliderはシンプルなバナースライドショーを実装できるjQuer…

  2. Captall

    JavaScript

    画像やDOM要素の上にキャプションを表示することができるjQueryプラグイン「Captall」

    CaptallというjQueryプラグインを使えば、画像や設定したDO…

  3. Jquery modal box plugin
  4. JavaScript

    色んなメニューやコンテンツをモーダルウィンドウで実装できるjQueryプラグイン「Pop Easy」…

    お洒落で可愛らしいjQueryプラグインを見つけたのでご紹介します。ロ…

  5. no-image

    JavaScript

    軽量なスティッキー要素を実装できるjQueryプラグイン「Zebra Pin」

    Zebra Pinは軽量なスティッキー要素を実装できるjQueryプラ…

  6. gliojs

    JavaScript

    viewportから離れた時にイベントをトリガーしてくれる「gliojs」

    gliojsは、ページを閲覧している時にマウスがviewport(表示…

最近の記事

  1. TR153
  2. cheero Flat 10000mAh with Power Delivery 18W CHE-112
  3. SV-S251
  4. スラウェシ トラジャ

アーカイブ

PAGE TOP