Cavendish.js

JavaScript

CSS transitionsを活用したシンプルなスライドショーを実装できるjQueryプラグイン「Cavendish.js」

CSS transitionsを活用したシンプルなスライドショーを実装できるjQueryプラグイン「Cavendish.js」をご紹介します。とてもシンプルなデザインが特徴的で、単純にスライドをさせるためのベーシックなものからページャー、パララックスといったものまで実際のデモを公式サイトで確認することができます。

[ads_center]

シンプルなデザイン

Cavendish.jsのベーシックなスライド

このようにとてもシンプルなスライダーを実装できます。上記はベーシックなスライドです。

Cavendish.jsのページャー付きのスライド

スライダーにはページャーを付けたりすることもできます。この他にもパララックスやPanといったものなんかもあります。

実際のデモ&ダウンロード、詳しい詳細については以下の公式サイトで確認できます。

FlexNav見た目もシンプルでレスポンシブ対応のナビゲーションメニューを実装できるjQueryプラグイン「FlexNav」前のページ

画像を素敵なアニメーションで次々に表示させるjQueryのイメージギャラリー「Heap Shot」次のページ

関連記事

  1. JavaScript

    カスタマイズも自由にできるjQuery「bxSlider」の使い方

    個人的にかなりよさげなjQueryスライダーを使ってみました。その名も…

  2. share-this

    JavaScript

    テキストを選択してシェアできるMediumライクな「share-this」

    share-thisはテキストを選択して手軽にTwitterやFace…

  3. DateTime Picker

    JavaScript

    レスポンシブでフラットデザインの「DateTime Picker」

    DateTime Pickerはレスポンシブ対応のフラットデザインによ…

  4. Lena.js

    JavaScript

    多彩な画像処理ができるJSライブラリ「Lena.js」

    Lena.jsは多彩な画像処理を行うことができるJSライブラリです。セ…

  5. jQuery.mousetip

    JavaScript

    マウスの動きや位置に追従してくるツールチップを実装できる「jQuery.mousetip」

    jQuery.mousetipはマウスの動きや位置に追従してくる軽量の…

  6. Modaal

    JavaScript

    アクセシビリティに優れたモーダルウィンドウを実装できる「Modaal」

    ModaalはWCAG 2.0のレベルAAをサポートしているアクセシビ…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

最近の記事

  1. オータムスイートポテトフラペチーノ
  2. 紅葉
  3. ナノケア EH-NA0E
  4. スターバックス コロンビア サンタンデール

アーカイブ

PAGE TOP