comment ça c'est pas du flash ?

Comment ça c’est pas du Flash ?!

Christophe Porteneuve • Paris Web 2010

Christophe qui ?

• @porteneuve + @gitattitude

• 33 ans, Paris, CTO @ Ciblo

• Prototype, script.aculo.us / Scripty2, Rails, Basecamp, Freckle

• Bouquins chez Eyrolles & Pragmatic Bookshelf

Alors déjà, Flash…

• Ça suce la machine jusqu’au sang

• Même quand ça fout pas grand chose

• Ça ne sera jamais sur iOS

• Ça a beaucoup de mal sur les autres périphériques mobiles

• Ça fait pas tant de choses que ça !

Et donc…?

Les standards du Web nous fournissent une térachiée™ de technologies plus ouvertes, plus puissantes et moins gourmandes.

http://bit.ly/not-in-flash-anymore

L’idée de cet atelier

1. On fait le tour du web et vous en prenez plein les mirettes

2. On fait quelques essais en live

3. Vous sortez remontés à bloc et allez pondre un truc qui tue dès ce soir !

4. Profit !

Leçon 1

CSS roxxe des Pimms

Leçon 2

Canvas arrache le slip

Leçon 3

SVG met une branlée

Leçon 4

Web Fonts FTW!

Leçon 5

A/V Cæsar !

Leçon 6

WebGL — Waoôoouh !

Accélération matérielle

• CSS3 Transforms 3D, WebGL, Canvas…

• Safari : partout (OSX, iOS, Windows)

• FF4 Windows (dont XP)

• IE9 (pas XP, mais sinon à fond !)

• Chrome/Opera y travaillent

Quand est-ce qu’onse goinfre mange ?

• FF3.5+ (boost perfs avec FF4)

• Safari 4+ (5, Webkit… = perfs ↗)

• Chrome 5+ (6, 7 = perfs ↗)

• Opera 10.6

• IE9

Travaux Pratiques

Merci.

• @porteneuve + @gitattitude

• tdd@tddsworld.com

• http://www.slideshare.net/tdd