CardTabs

JavaScript

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

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

CardTabs

デモ

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

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

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

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

CardTabs

関連記事

  1. JavaScript

    シンプル・軽量・簡単なLightBox系モーダルウィンドウのjQueryプラグイン「portBox」…

    portBoxというjQueryプラグインを使えばシンプルで軽量なLi…

  2. Reframe.js

    JavaScript

    特定の要素をレスポンシブ化してくれる「Reframe.js」

    Reframe.jsはレスポンシブに対応していない特定の要素をレスポン…

  3. Simple jQuery Slider

    JavaScript

    シンプルなナビ付きのスライダーを実装できる「Simple jQuery Slider」

    シンプルなスライダーを実装できる「Simple jQuery Slid…

  4. Mini Previews

    JavaScript

    リンクにホバーするとプレビューが見れるjQueryプラグイン「Mini Previews」

    Mini Previewsは指定したリンクにホバーするとリンク先のプレ…

  5. Holmes

    JavaScript

    ページ内で特定のテキストを高速に検索してくれるライブラリ「Holmes」

    Holmesは、ページ内部を簡単にかつ高速に検索してくれるライブラリで…

  6. JavaScript

    リストなど複数の要素をランダムにフェードで表示していくjQueryプラグイン「champagne.j…

    どこかで使う機会がありそうな感じのjQueryプラグイン「champa…

最近の記事

  1. YAECA ワイドテーパードデニム 10-13WW
  2. ADR-3ML39シリーズ
  3. キュレル モイスチャーバーム
  4. FUJIFILM X-Pro3
  5. iPhone 11 ProとApple Watch Hermès

アーカイブ

PAGE TOP