CardTabs

JavaScript

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

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

CardTabs

デモ

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

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

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

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

CardTabs

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

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

関連記事

  1. radialIndicator

    JavaScript

    シンプルな円形のインジケーターを実装できるjQueryプラグイン「radialIndicator」

    radialIndicatorはシンプルで美しい円形のインジケーターを…

  2. elmenu

    JavaScript

    レスポンシブ対応で軽量なハンバーガーメニューを実装できる「elmenu」

    elmenuはレスポンシブに対応した軽量のハンバーガーメニューを実装す…

  3. HC Sticky

    JavaScript

    スクロールしても要素を固定できるJSライブラリ「HC Sticky」

    HC Stickyはスクロールした時に特定の要素を固定したまま表示でき…

  4. justContext.js

    JavaScript

    シンプルなコンテキストメニューを実装できる「justContext.js」

    justContext.jsはjQueryなどを必要とせずに(ピュア …

  5. formBuilder

    JavaScript

    ドラッグ&ドロップでフォームを手軽につくれる「formBuilder」

    formBuilderはドラッグ&ドロップでフォームを手軽につくること…

  6. tsorter

    JavaScript

    テーブルにソート(並べ替え)機能を実装できる「tsorter」

    tsorterは、JavaScriptを用いてHTMLテーブルにソート…

最近の記事

  1. 成城石井 フレンチロースト
  2. COMOLI カシミアシルクニットパーカ
  3. 橋
  4. 梅と久保田城
  5. マワマット26

アーカイブ

PAGE TOP