Le 23 avril dernier, j'ai eu l'occasion d'animer une présentation pompeusement nommée: «Le futur des effets graphiques sur le web»lors du 9ème Meetup HTML5.
Dans cette mini-présentation, j'ai évoqué des fonctionnalités de CSS très, voire trop, avancées. Tous les aspects de cette conférence sont donc à prendre à titre d'expérimentations. J'ai pu y parler de choses diverses:
- les fonctions d'images:
cross-fade(),element() - les masques CSS, SVG et les méthodes de rognage
- les exclusions et les formes CSS
- les filtres CSS avancés, avec notamment une démo d'utilisation des shaders
Ma présentation est disponible en ligne, directement dans votre navigateur.
Attention, prévoyez différents navigateurs et basculez de l'un à l'autre pour bénéficier de chaque effet:
- Google Chrome Canary (28) (avec flags actifs: «Fonctionnalités expérimentales WebKit», «Shaders» et éventuellement «WebGL»
- Firefox Nightly (23)
- IE10
Lors de ce même Meetup, deux autres présentations ont eu lieu:
- Démonstration d'un jeu basé sur la Gamepad API avec une manette Guitar Hero.
- L'ère des icon-fonts: création d'une police d'icônes libre de droit et utilisation via CSS3.
Un grand merci aux organisateurs pour ce chouette évènement, ainsi qu'à tout ceux avec qui j'ai pu discuter lors de cette soirée.
Et surtout, expérimentez!
Edit: La vidéo est en ligne!
Edit 2: Quelques tweets pour vous donner envie de regarder la vidéo:
La pres de @iamvdo sur #CSS3 est un concentré de fonctionnalités aussi géniales les une que les autres #FranceHTML5
— J.M. Cléry (@_jmpp) 23 Avril 2013Bravo à @iamvdo pour sa présentation au meetup #FRANCEHTML5 avec une mention spéciale pour l’effet de brillance http://t.co/2u6yWa8hfH
— Philippe Nenert (@papilip) 23 Avril 2013Drapeau HTML5 en pur CSS ! Bravo @iamvdo #FranceHTML5
— Mathieu Santostefano (@welcoMattic) 23 Avril 2013Démo filtres avancés au meetup #francehtml5 tout siimplement bluff ant. Bravo @iamvdo !
— Raphaël Aparicio (@raphapari) 23 Avril 2013