Webサイトの記念的なエントリーやページを作成する際には縦向けのタイムラインがよく使われます。Webページは縦にスクロールされるものが多いので、一番上が過去とすれば、スクロールするごとに経過時間をたどれるようになります。 そんなサイトを作る際に使えるのがBlueprint: Vertical Timelineです。センスの良いタイムラインページが作成できることでしょう。

Blueprint: Vertical Timelineの使い方

Blueprint: Vertical Timelineのデモです。日時とコンテンツ、アイコンが並んで表示されています。

レスポンシブ対応です。

スマートフォンサイズにしても見やすいです。

Blueprint: Vertical Timelineはシンプルなデザインですが、それだけに見やすいのではないでしょうか。この手のコンテンツはよく使われますが、イチから作るのは面倒そうです。Blueprint: Vertical Timelineを使ってさくっと実装しましょう。

Blueprint: Vertical TimelineはHTML5製のソフトウェア（ライセンスは独自）です。

Blueprint: Vertical Timeline codrops/Blueprint-VerticalTimeline: A responsive vertical timeline layout with icons and example media queries.