15 Timelines verticales en HTML/CSS à télécharger gratuitement

Pour bien finir l’année, je propose une sélection de ressources qui peut s’avérer utile pour l’inspiration ou pour l’utiliser directement dans vos projets, et gratuitement : 15 timelines verticales en HTML/CSS(/JS).

Non seulement vous pourrez vous inspirer des designs et des animations qui suivent mais vous pourrez aussi les utiliser et les adapter à votre projet. Chaque timeline est directement intégrée en HTML/CSS et quelque fois aussi Javascript. Une « timeline » permet de présenter efficacement une continuité temporelle, qu’il s’agisse de dates, d’années ou de périodes. On suit un fil directeur plus on avance généralement dans le temps. Cela peut être utile pour présenter une chronologie, un agenda, une liste d’événements ou d’achat… les possibilités sont multiples !

C’est simple et efficace à comprendre, et tout de même plus sympa visuellement qu’une liste classique… Il est important de se rappeler que même si leur design n’est pas forcément toujours très beau, ce qui est surtout important c’est la structure de base : code, présentation ergonomique et animation. Le design c’est un peu la touche finale et c’est de toute manière à tout UI designer de le faire pour coller à la charte graphique. 😉

Pour les voir en action intégrée ou pour les télécharger, il suffit de cliquer sur l’image correspondante :

Pour encore plus de timelines verticales, n’hésiter pas à aller sur twibbr.com . Vous aurez aussi accès au code pour parvenir aux timelines présentées.

Auteur: Gaétan Weltzer, comme toujours en fait.