C’est quoi un Hero ?
La plupart des sites que l’on visite aujourd’hui commence par un « Hero Image ». Terme difficile à traduire en français, on pourrait appeler ça une bannière, mais j’en suis pas fan. Bannière étant plutôt utilisée dans la publicité sur le web.
En général le « Hero Image » est la première chose que l’on voit sur le site et sert en quelque sorte d’introduction. C’est une grande image qui a pour but de présenter, illustrer ce que propose le site web. Il peut se être sous forme statique ou diaporama. En plus de l’image on y retrouve un titre, un petit texte descriptif et le plus souvent un bouton.
Un générateur pour simplifier tout ça
Toujours dans le but de gagner du temps, sarah_edo a conçu un générateur de Hero qui sera une bonne base. On peut y gérer un overlay pour la lisibilité du texte, ajouter ou non un bouton, modifier les couleurs et quelques autres options.
L’outil génère le code HTML et CSS, à vous ensuite de l’adapter pour votre projet.
Si vous êtes curieux, le code source est disponible sur GitHub.