The Expressive Web

Le HTML5 et le CSS3 permettent maintenant des fonctions que seuls le JS et le Jquery pouvaient gérer. Dorénavant, Adobe tente de faire évoluer ces langages en y incorporant de l'animation, une meilleure intégration de l'audio et de la vidéo, des applications, des fontes.... Bref, le Flash a du soucis à se faire, bien qu'étant un standard du Web dans les années 2000 pour sa facilité d'intégration des fontes et des animations.

> http://beta.theexpressiveweb.com/#!/css3-animations

Ca reste encore du bêta, mais c'est impressionnant tout de même de voir l'évolution du langage du contenu et du style.

C'est clair que HTML5 et CSS3 sont à suivre de très près, j'ai pu voir de nombreuses expérimentations où certains réalisaient même des illustrations entièrement en CSS3.

Les possibilités d'animation avec les keyframes sont énormes.

Une superbe ressource régulièrement mise à jour : http://tympanus.net/codrops/
De nombreux tests en tout genre avec HTML5/CSS3 et jQuery pour le fallback notamment.

Concernant le Flash, sa mort est déjà en cours, ça reste réservé réellement aux projets spécifiques multimédia et jeux selon moi.

Cependant pour ces technos, il va falloir attendre la démocratisation des browsers récents. La compatibilité n'est pas top avec certains (IE bitch...).

Pour résoudre ces problèmes, il existe le script HTML5 Shiv/pour interpréter ses balises HTML5 sur tous les navigateurs, fonctionne très bien.

De nombreux tests sont également possibles avec ModernizR et certains scripts jQuery permettent même d'interpréter le CSS3.

Et enfin pour uniformiser tout ça, chaque browser ayant ses CSS par défaut, je conseille vivement l'utilisation d'une CSS de reset telle que celle-ci : http://meyerweb.com/eric/tools/css/reset/

La nouveauté est en route !

Codrops est une excellente source où j'ai appris bon nombre d'astuces de développement. D'ailleurs, il faudrait aussi surveiller WebGL, qui est une montagne comparer à ce que pouvait faire un navigateur en 2005 (Chrome et Firefox bouge bien le secteur de creative code).

Je tiens depuis quelques temps un micro-blog de veille pour collecter des articles sur les animations liées au web. C'est un projet d'étude : http://movingoweb.wordpress.com.

Oui ça fait partie de mes sources #1 pour ce qui est animations / transitions web.

WebGL, tu as des exemples d'utilisation, de mise en place ? Ca nécessite des compétences particulières dans un langage spécifique ?

Sinon merci pour ton blog, je bookmark et je me lirai ça quand j'aurai un peu de temps

Pour webGL, j'ai un exemple très sympa : https://www.buildwithchrome.com
Une expérience Chrome vraiment cool

Ah ouais bien puissant ! A surveiller en effet !