pules designing

pules designing – データに強い奈良のWebサイト制作

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

GridTab

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

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

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

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

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

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