京都・大阪・奈良のWebを成長させるホームページ制作pules designing

webdesign

by pules designing

レスポンシブデザインでタブを表示できるJavaScript「GridTab」

webdesign

2017年2月3日

今日発見した技術情報ですが、レスポンシブデザインでタブを表示できるJavaScriptの「GridTab」というものです。

タブをクリックすると中のコンテンツが切り替わるというものですが、
レスポンシブデザインなのでスマホやタブレットでも使えるという優れものです。

早速試しに実装してみました。(Resultタブ)

jQueryが使われていて、実装するのも簡単です。
コードを書く量も減らせるので結構良いですね。

モバイルフレンドリー対応が必須になりましたし、
タブ型コンテンツを作るときにはこれからGridTabは重宝するかもしれません。

GridTabのより詳しい使い方はこちら。
» GridTab