CardTabs

JavaScript

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

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

CardTabs

デモ

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

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

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

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

CardTabs

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

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

関連記事

  1. Multi-Step-Form-Js
  2. infoBox

    JavaScript

    マウスオーバーでインフォメーションボックスを表示させる「infoBox」

    infoBoxはアイコンにマウスオーバーするとインフォメーションボック…

  3. stroll.js

    JavaScript

    CSS3を使った豊富なスクロールエフェクト「stroll.js」

    stroll.jsはCSS3を使った豊富なCSSリストスクロールエフェ…

  4. JavaScript

    ライトボックスみたいなお洒落なアラートを出してカスタマイズもできるjQuery uLightBox …

    ライトボックスみたいなお洒落なアラートを表示させることができるjQue…

  5. MenuSpy

    JavaScript

    セクションビュー対応のナビゲーションメニュー実装「MenuSpy」

    MenuSpyは、ナビゲーションメニューを作成するためのjsライブラリ…

  6. Effect Ideas for Card Stacks

最近の記事

  1. 梅
  2. CAR-HLD12BK
  3. OWL-LPB6701LA

アーカイブ

PAGE TOP