CardTabs

JavaScript

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

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

CardTabs

デモ

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

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

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

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

CardTabs

関連記事

  1. Shave

    JavaScript

    設定した高さに基づいて複数行のテキストを切り取る「Shave」

    Shaveは設定した最大の高さに基づいてHTML要素内に収まるように複…

  2. FilmRoll

    JavaScript

    中央に来た項目に焦点を当てるカルーセルを実装できるjQueryプラグイン「FilmRoll」

    FilmRollというjQueryプラグインを使えば中央に来た項目に焦…

  3. Squishy

    JavaScript

    テキストをコンテナに合わせて自動でサイズ変更してくれるjQueryプラグイン「Squishy」

    SquishyというjQueryプラグインを使えばテキストをコンテナに…

  4. JavaScript

    2つの異なるスクロール動作が印象的なjQueryプラグイン「multiscroll.js」

    multiscroll.jsというおもしろいjQueryプラグインがあ…

  5. jQuery Autocompleter

    JavaScript

    カスタマイズ性に優れたサジェスト機能を実装できる「jQuery Autocompleter」

    jQuery Autocompleterはカスタマイズ性に優れたサジェ…

  6. JavaScript

    ホバーすると中心から円形メニューが表示される「jQuery Wheel Menu」

    ホバーするとその地点を中心にして円形メニューが表示されるプラグイン「j…

最近の記事

  1. ネクスタイム
  2. フォールドオーバーポーチ
  3. 田沢湖
  4. ハクバ シリコンクロス
  5. トライポッドスリーブ

Instagram始めました

Facebookページ

PAGE TOP