Albe Timeline

JavaScript

JSONデータを用いたタイムライン実装「Albe Timeline」

Albe TimelineはJSONデータを用いたカスタマイズ性の高いタイムラインを実装できるjQueryプラグインです。レスポンシブに対応しているほか、水平・垂直の両方の表示形式にも対応しています。

Albe Timeline

デモ

デモではHorizontal(水平)のタイムラインやVertical(垂直)のタイムライン、シンプルなスタイルのタイムラインなど、いろんなタイプのサンプルが用意されています。

JSONデータを元にしてタイムラインを作れるので、多くの情報を効率的に扱ってタイムラインを実装したい人にはピッタリですね。水平・垂直ともに、どちらの形式にも対応しているので自サイトに合わせてカスタマイズできます。また、レスポンシブ対応によりスマホやタブレットなど、多様なデバイスから閲覧しやすいのもうれしいポイントです。

Albe Timeline

Simple button checksカスタマイズ可能なチェックボックスを実装できる「Simple button checks」前のページ

シンプルなイメージスライダーとカルーセルを実装できる「SkySlider」次のページno-image

関連記事

  1. progresspieSVG

    JavaScript

    円形のプログレスバーを実装できる「progresspieSVG」

    progresspieSVGは円形のプログレスバーを実装できるjQue…

  2. Square Menu
  3. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryで$.inArrayを使えば配列の中に指定した値が何番目に入ってるか知ることができる

    jQueryで配列の中に自分が指定した値が何番目にあるか知りたい場合は…

  4. Flex-Slider-jQuery

    JavaScript

    シングルでもマルチでもOKなフレキシブルなスライダー「Flex-Slider-jQuery」

    Flex-Slider-jQueryは、フレキシブルなスライダーを実装…

  5. no-image

    JavaScript

    スタイリッシュなスライダーを実装できるjQueryプラグイン「bsc-slider」

    bsc-sliderは、シンプルでスタイリッシュなスライダーを実装する…

  6. no-image

    JavaScript

    多彩なパラメーターでモバイルフレンドリーなjQuery Lightboxプラグイン「frydBox」…

    frydBoxは、多彩なパラメーターでカスタマイズ性の高いモバイルフレ…

最近の記事

  1. RF85mm F2 MACRO IS STM
  2. Anker PowerWave Pad Alloy
  3. Anker Bolder LC30
  4. BG-R10

アーカイブ

PAGE TOP