Vous aimez le hip-hop, les citations, la typo et le HTML ? Voici un site qui est fait pour vous ! Intitulé Hiphopquoted, ce site ouvre ses pages aux paroles des rappeurs afin de les rendre vivantes, visuelles et encore plus riches. Chaque page web emploie ainsi la typographie d’une bien élégante façon et les paroles sont souvent fortes, parfois drôles et toujours bien choisies.

Pour la petite histoire, ce projet est réalisé par Ollie Kav, un front end développeur. Il a débuté ce projet en 2008 mais l’a entièrement renouvelé en 2014 grâce à la diffusion des technologies web HTML5, CSS3, WebFonts et des nouveau outils de mise en page… Sans oublier le SVG 😉 C’est pour Ollie un vrai terrain de jeu et d’expérimentation.

Voici quelques exemples de compositions typographiques.

Hip-hop, typographie et HTML !

hiphop1 quote2 quote3 lets typo typo4

La liste des pages créées

lisrt

Pour la partie technique, le site est construit sur Middleman App, utilise le librairies javascript bigtext.js et lettering.js. Côté typo c’est chez Hoefler & Co et Typekit que Ollie va piocher. Oh et notons que Ollie Kav fait aussi ses propres sons à découvrir sur la page dédiée à ses créations sonores.

À découvrir sur Hiphopquoted.com




Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *