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. topbar

    JavaScript

    画面上部に美しいプログレスバーを表示できる「topbar」

    topbarは、ページ読み込み時に画面上部に美しいプログレスバーを表示…

  2. hummingbird-popover

    JavaScript

    高速・軽量なコンテキストメニュー実装「hummingbird-popover」

    hummingbird-popoverは高速・軽量なコンテキストメニュ…

  3. no-image

    JavaScript

    HTML要素を回転させれる「jquery-ui-rotatable」

    jquery-ui-rotatableはHTML要素を回転させれるjQ…

  4. jquery.resizeend

    JavaScript

    ウィンドウをリサイズした時にイベント発生できる「jquery.resizeend」

    jquery.resizeendは、ブラウザのウィンドウをリサイズした…

  5. JavaScript

    縦スクロールすると横スクロール(水平移動)していくjQueryプラグイン「jInvertScroll…

    これおもしろいですね。縦スクロールすると垂直に移動していくのではなくて…

  6. NO IMAGE

    JavaScript

    レスポンシブ対応のスタイリッシュなスライドショー実装「offbeatSlider」

    offbeatSliderはレスポンシブに対応したアニメーション付きの…

最近の記事

  1. 甘柿
  2. 冬用のふとん
  3. 田沢湖
PAGE TOP