Codrops s’attelle à nous présenter ce qui se fait de mieux en ressources d’animations, de mise en forme, d’affichage, d’ergonomie en HTML5 ou CSS3.
Différentes sections regroupent des contenus spécifiques (notez que le site est en langue anglaise) :
- Tutorials : des tutos
- Articles : l’actualité du dev web
- Playground : la caverne pleine d’exemples de dev
- Blueprints : des exemples basiques pour commencer
- Collective : un web magazine plein d’idées
Difficile de synthétiser ce qui est présent dans ce site car c’est très large et cela touche autant au HTML5 qu’au CSS3 et au Javascript, ce dernier étant la source originelle du contenu du site avec des librairies jQuery présentées dans différents contextes d’usage.
Vous y trouverez des exemples de menu animé, de slider, de galerie photo, de pop-up, de boîte modale, de mise en page responsive, d’animation CSS3, du SVG, de la typographie web… c’est une vraie mine d’or ce site !
Je retrouve certaines ressources dans les thèmes premiums ou les extensions pour WordPress, par exemple les effets de survol avec des éléments SVG, ou encore ces effets de survol d’image ou de portfolio.
A noter que le SVG va devenir un des éléments majeurs pour l’animation, comme le procédé de dessin en direct, ou de manière plus percutante en regardant cette carte animée.
Source : Codrops, Codrops/tutos, Codrops/expériences, Codrops/basics