Vertical Timeline

JavaScript

垂直型のシンプルなタイムラインを実装できるjQueryプラグイン「Vertical Timeline」

Vertical Timelineは、垂直型のシンプルなタイムラインを実装することができるjQueryプラグインです。レスポンシブに対応したタイムラインなので、PCだけではなくスマホやタブレットでも見やすいレイアウトで表示されます。

Vertical Timeline

デモ

デモではシンプルなタイムラインが垂直に設置されています。PC版では中央の縦軸をベースに、左右にコンテンツが表示された状態になっています。画面いっぱいを使用して表示するゆとりのあるタイムラインは、シンプルでとても見やすいですね。

さらにVertical Timelineはレスポンシブにも対応していることから、スマホからの閲覧もしやすいです。モバイル版では、左側の縦軸をベースにコンテンツが右側に表示されます。

また、デモの中にはコンテンツが表示される際にアニメーションを付与したタイプも用意されています。フェードで表示されるタイプやスライドで表示されるタイプがあるので、アニメーションとともにタイムラインをかっこよく表示したい人にもピッタリですね。

オプションには、startLeft、alternate、animate、arrowsといった項目があり、カスタマイズも可能になっています。使い方もわかりやすく手軽に実装できると思います。

というわけで、レスポンシブに対応したシンプルな垂直型のタイムラインを実装したい人は、ぜひ「Vertical Timeline」を活用されてみてはいかがでしょうか?

Vertical Timeline

関連記事

  1. JavaScript

    シンプルで使いやすいベーシックなスライドショーを実装できるjQueryプラグイン「Basic jQu…

    jQueryスライダーのネタが多いですが、今日もまたスライダーのプラグ…

  2. Alton

    JavaScript

    コンテンツごとに縦スクロールでナビゲートできるjQueryプラグイン「Alton」

    Altonはコンテンツごとに縦スクロールすることによりWebページをナ…

  3. Clock Timepicker Plugin for jQuery
  4. CollagePlus

    JavaScript

    画像を綺麗に整列させるjQueryプラグイン「CollagePlus」

    画像を綺麗に整列させる便利なjQueryプラグイン「CollagePl…

  5. jQuery Autocompleter

    JavaScript

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

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

  6. Yet Another Ripple Plugin

最近の記事

  1. トライポッドスリーブ
  2. レンズペン3 ミニプロとレンズペン ELITE マイクロプロ
  3. カメラマングローブ Grip Hot Shot III
  4. 包(つつむ)巾着ポーチ

Instagram始めました

Facebookページ

PAGE TOP