CardTabs

JavaScript

ミニマルで超軽量・シンプルなタブを実装できるjQueryプラグイン「CardTabs」

CardTabsは超軽量でシンプルなタブを実装できるjQueryプラグインです。ミニマルでクリーンなデザインで、操作性もよくとても使いやすいタブになります。マークアップ・使い方ともにとても簡単なところもグッドです。

CardTabs

デモ

デモではシンプルなサンプルからいくつかのテーマで実装されたサンプルなどが用意されています。

操作はどれも共通していて、任意のタブをクリックするとそれに応じたコンテンツが切り替わる仕組みです。アニメーションなども特にないので、コンテンツが素早く切り替わりとても効率的に目的の情報にアクセスできます。

テーマには、inset、graygreen、wikiといったものがあります。どれもシンプルなデザインでいろんなサイトに取り入れやすそうですね。

というわけで、ミニマルで超軽量・シンプルなタブを手軽に実装したいという人は、ぜひ「CardTabs」を使われてみてはいかがでしょうか?

CardTabs

emotion-ratings絵文字を使ったレーティング機能を実装できる「emotion-ratings」前のページ

スマホなどに最適なテーブルを実装できる「Mobile-Friendly Table」次のページno-image

関連記事

  1. JavaScript

    2KB程の軽量&シンプルなjQueryスライダー「Craftyslide」を使ってみた

    とてもシンプルで軽量ないい感じのjQueryプラグイン「Craftys…

  2. Rate Yo!

    JavaScript

    星評価(レーティング)を簡単に実装できるjQueryプラグイン「Rate Yo!」

    Rate Yo!というjQueryプラグインを使えば、SVGを使った星…

  3. JQuery SlideShow

    JavaScript

    軽量な自動スライドショー(画像・動画)を実装できる「JQuery SlideShow」

    JQuery SlideShowは、画像・動画のスライドショーを実装で…

  4. Lobibox

    JavaScript

    レスポンシブなメッセージを通知できる「Lobibox」

    Lobiboxはレスポンシブなメッセージボックスを通知できるjQuer…

  5. PopSelect

    JavaScript

    タグ形式のセレクトボックスをポップオーバーで表示させる「PopSelect」

    PopSelectはタグ付けするような感覚のセレクトボックスをポップオ…

最近の記事

  1. Apple WatchでのMacロック解除を無効
  2. オータムスイートポテトフラペチーノ
  3. 紅葉
  4. ナノケア EH-NA0E
  5. スターバックス コロンビア サンタンデール

アーカイブ

PAGE TOP