J'ai voulu commencer à apprendre l'HTML / CSS afin de pouvoir développer mes propres sites web, pouvoir comprendre ce qu'il se passe sur un site. J'ai commencé par suivre deux cours openclassroom (lien1 et lien2). J'avais alors les bases pour être en mesure de construire un site de mes propres mains.
Je me suis ensuite baladé sur dribbble afin de trouver des sites à recopier. Cela me premet alors d'appliquer ce que j'ai appris, tout en ne suivant pas un tutoriel à la lettre. Je suis donc tombé sur cette maquette :
Elle était à la fois simple d'apparence mais aussi compliquée sur certains détails que je n'avais encore jamais rencontré (ex: les boutons intéractifs de la barre de navigation)
J'ai donc tenté de reproduire ce site web à l'aide de mes connaissances en HTML et CSS. J'ai dû passer beaucoup de temps pour essayer de me rapprocher le plus possible de mon modèle, vu mon expérience en la matière. Je n'ai pas retrouvé la police originale, mais j'ai essayé de m'en rapprocher. Après avoir obtenu quelque chose qui me satisfaisait, je me suis attaqué aux apparitions. En effet, les éléments du site apparaissent de manière très spécifique. J'ai donc utilisé un peu de Javascript pour essayer de reproduire l'effet voulu. Voici le résultat :
