WebAppers

/ best free open source web resources /

Shopify

Beautiful Pure CSS Timeline with Unordered Lists

Posted · Category: Calendar, License Free

MattBango has shared his approach to creating a timeline out of CSS and HTML. The Pure CSS Timeline is a simple and clean looking timeline with some very straight forward markup. We have a nice looking timeline styled completely with CSS, but what happens if the visitor doesn’t have CSS enabled? Since we used unordered lists, we still have a nicely accessible list of events.

The Pure CSS Timeline may not be the perfect solution markup wise and CSS wise, but it gets the job done and is still quite accessible for all users. Take the timeline a step further. You could add some Javascript interactions, tooltips, animations, etc.

CSS Timeline

Requirements: -
Demo: http://mattbango.com/notebook/web-development/pure-css-timeline/
License: License Free

3 Comments
  • Allan

    the demo page has been removed

  • http://www.mydatabroker.com JP Zapata

    YUp its missing

  • http://whothehellisthat.deviantart.com/ Thomas Giles

    Sounds cool, although it’s a shame the demo doesn’t work; it would’ve been interesting to see…

Supported By

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons