on:2016年2月4日sponsors垂直に伸びた時間軸にポイントを配置し、そのポイントにコンテンツを紐付かせるタイムラインを簡単に実装できるスタイルシートを紹介します。-GitHubTimelinedのデモTimelinedの使い方Timelinedのデモデモでは軸の位置、ポイントやコンテンツにさまざまなデザインが適用されており、カスタマイズ機能も備えています。デモページタイムラインはレスポンシブ対応で、表示サイズに最適なデザインで表示されます。AngularJSを使用したダイナミックなデモも。外部ファイル当スタイルシートを外部ファイルとして記述します。HTMLまずは基本構造。--></div></div>...</div>主要素のコンテナ「.timeline」にclassを加えることで、簡単にカスタマイズができます。.timeline-leftコンテンツを常に右に配置し、ラインを左にします。.timeline-alternatingブロックがラインの左と右の交互に繰り返されます。800px)に、「.timeline-left」に変わります。.timeline-with-arrowsラインに向かってアローが表示されます。.timeline-icon-hide-borderアイコンのサークルからボーダーを除去します。