Nouvelle formule pour les inspirations pour intégrateurs #83 : Illustrations CSS

Premier article d'un nouveau format pour les inspirations pour intégrateurs, qui se renouvelle pour 2017 ! Pour ce premier chapitre, revenons sur les illustrations et animations en CSS.

Les inspirations pour intégrateurs changent de formules !

Dans quelques mois les inspirations pour intégrateurs atteindront l'âge respectable de 4 ans, et ont très peu évolué depuis leurs débuts. En un peu plus de 80 articles, j'ai sélectionné pour vous quelques créations pour leur rendu visuel et leurs techniques de créations que je trouvais intéressants, mais j'ai maintenant un petit peu l'impression de tourner en rond avec ce format. Heureusement, nous commençons une nouvelle année, et c'est une excellente excuse pour entamer un nouveau format de ce rendez-vous !

Tous les premiers jeudis du mois, vous retrouverez un article d'inspirations pour les intégrateurs dans le style des anciens, avec des ressources sélectionnées, et ordonnée selon leur complexité. Il n'y aura parfois beaucoup plus de dix ressources, parfois bien moins, je ne m'impose plus ici de quantité à respecter dans la liste.

Puis, les semaines suivantes, nous prendrons des exemples de cette liste et les décortiquerons, parfois ligne à ligne, pour aider le plus de monde possible à comprendre les techniques mises en place, dans un article de techniques d'intégration.

Pour ce premier article des inspirations pour intégratrices nouvelles formules, j'ai voulu revenir sur une des disciplines qui m'impressionnent le plus en intégration (et peut-être une des plus représentées parmi les inspirations pour intégrateurs), les illustrations et animations en CSS.

Créations et animations en CSS "traditionnelle"

Ce renard particulièrement impressionnant à été fait par David Khourshid (qui est aussi l'auteur du petit husky que vous retrouverez plus bas dans la liste) et et une des plus saisissantes que j'ai vue.

 

Si ce genre de créations vous intéresse et réveille chez vous aussi une envie d'animation en CSS, je vous propose de découvrir la liste suivante, compose uniquement d'animations en CSS et HTML ne faisant pas un usage trop intensif des box-shadows, et vous donne rendez-vous la semaine prochaine pour un article détaillant en profondeur deux des exemples les plus simples de cette liste.

Que pensez-vous de ce nouveau format ? Préfèreriez-vous pouvoir choisir vous-même les exemples que nous décortiquerons ? N'hésitez pas à le dire en commentaire, je prendrais en compte vos avis pour les prochains numéros !