ITエンジニア/デザイナ向けにオープンソースを毎日紹介

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.

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2