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

Twitterでもタイムライン形式の表示を採用するという噂があります。最近、多くのソーシャル系サイトでタイムライン形式の表示が採用されています。

もし自分のサイトでもタイムライン形式の表示を行いたいならばTimelinedを使ってみましょう。

Timelinedの使い方

Timelinedのデモです。一つの線に沿って左右にコンテンツが並んでいます。

画像も埋め込めます。

こちらは細かなカスタマイズが試せるデモです。

表示位置や吹き出しのありなしも指定できます。

項目も自由に追加できます。

Timelinedを使うと時系列に沿って変化している様子がわかるようになります。ソーシャル系に限らず、プロジェクト管理などでも導入すると面白そうですね。Timelinedはスタイルシートのみで作られているのでカスタマイズが容易でしょう。

TimelinedはCSS3のオープンソース・ソフトウェア(MIT License)です。

Timelined

andriussev/timelined: A customizable CSS-only vertical timeline

 

MOONGIFTの関連記事

コメント

  • MOONGIFTプレミアム
  • Mobile Touch