Plus belle la vie avec HTML5 et CSS3 - Paris Web 2010

Plus belle la vie avec HTML5 et CSS3 Paris-Web 2010 « HTML5 c'est encore trop tôt ! » Je ne vous crois pas ! Démos : mammouthland.net alsacreations.fr Pascale Lambert-Charreteur et Raphaël Goetter

Plus belle la vie avec HTML5 et CSS3 Paris-Web 2010 « HTML5 c'est encore trop tôt ! » À vous de jouer ! 1- doctype HTML5 Pascale Lambert-Charreteur et Raphaël Goetter

Plus belle la vie avec HTML5 et CSS3 Paris-Web 2010 « HTML5 c'est encore trop tôt ! » Pour IE ? Des solutions de repli ... comme d'hab  document.createElement("header"); document.createElement("footer"); document.createElement("section"); document.createElement("aside"); document.createElement("nav"); ... Pascale Lambert-Charreteur et Raphaël Goetter Solutions de repli ?

Plus belle la vie avec HTML5 et CSS3 Paris-Web 2010 « HTML5 c'est encore trop tôt ! » À vous de jouer ! 2- IE et HTML5 Pascale Lambert-Charreteur et Raphaël Goetter

Plus belle la vie avec HTML5 et CSS3 Paris-Web 2010 Idée reçue numéro 2 : HTML5 c'est juste des nouvelles balises ! Vous avez dit « balise » ? Pascale Lambert-Charreteur et Raphaël Goetter

Plus belle la vie avec HTML5 et CSS3 Paris-Web 2010 « HTML5 c'est juste des nouvelles balises ! » Je ne vous crois pas ! Démo vidéo : dailymotion.com/html5 LocalStorage : ie7nomore.com/fun/todolist/ Pascale Lambert-Charreteur et Raphaël Goetter

Plus belle la vie avec HTML5 et CSS3 Paris-Web 2010 « HTML5 c'est juste des nouvelles balises ! » À vous de jouer ! 3- contenteditable 4- vidéo Pascale Lambert-Charreteur et Raphaël Goetter

Plus belle la vie avec HTML5 et CSS3 Paris-Web 2010 Idée reçue numéro 3 : On ne peut pas faire de HTML5 sans CSS3 (et vice versa...) Pascale Lambert-Charreteur et Raphaël Goetter

Plus belle la vie avec HTML5 et CSS3 Paris-Web 2010 Idée reçue numéro 4 : CSS3 est trop jeune, encore inutilisable Pascale Lambert-Charreteur et Raphaël Goetter

Plus belle la vie avec HTML5 et CSS3 Paris-Web 2010 « CSS3 c'est trop jeune, encore inutilisable » Pascale Lambert-Charreteur et Raphaël Goetter

Plus belle la vie avec HTML5 et CSS3 Paris-Web 2010 « CSS3 c'est trop jeune, encore inutilisable » Et même sur IE ! Depuis IE6 Depuis IE7 ✔ font-face, text-overflow, ✔ overflow-x, overflow-y word-wrap ✔ [att^=val], [att*=val], [att$=val], E~F A partir de IE9 ✔ border-radius, box-shadow, opacity, RGBa multiple backgrounds ✔ :last-child, :nth-child, :only-child, :first-of-type, :target, :not, :empty, ... Pascale Lambert-Charreteur et Raphaël Goetter

Plus belle la vie avec HTML5 et CSS3 Paris-Web 2010 « CSS3 c'est trop jeune, encore inutilisable » Je ne vous crois pas ! Démo kiwis : ie7nomore.com/fun/kiwi/ Démo wrapping : ie7nomore.com/fun/wrapping/ Pascale Lambert-Charreteur et Raphaël Goetter

Plus belle la vie avec HTML5 et CSS3 Paris-Web 2010 « CSS3 c'est trop jeune, encore inutilisable » À vous de jouer ! 5- font-face Pascale Lambert-Charreteur et Raphaël Goetter

Plus belle la vie avec HTML5 et CSS3 Paris-Web 2010 Idée reçue numéro 5 : CSS3, c'est que de la déco, nan ? Pascale Lambert-Charreteur et Raphaël Goetter Daniel Glazman, 3 ans (fake)

Plus belle la vie avec HTML5 et CSS3 Paris-Web 2010 « CSS3, c'est que de la déco, nan ? » Je ne vous crois pas ! Démos MediaQueries : mammouthland.net & alsacreations.fr Démo animations : the-art-of-web.com/css/css-animation Pascale Lambert-Charreteur et Raphaël Goetter

Plus belle la vie avec HTML5 et CSS3 Paris-Web 2010 « CSS3, c'est que de la déco, nan ? » À vous de jouer ! 6- media-queries 7- nth-child Pascale Lambert-Charreteur et Raphaël Goetter

Plus belle la vie avec HTML5 et CSS3 Paris-Web 2010 Ressources Pascale Lambert-Charreteur et Raphaël Goetter

http://css.mammouthland.net	2239
http://www.paris-web.fr	493
http://www.goetter.fr	48
http://lanyrd.com	17
http://www.c2p1.com	11
http://paper.li	8
http://carmie.zoy.org	8
http://feedthefox.net	8
https://si0.twimg.com	2
http://goetter.fr	1
http://twitter.com	1
http://webcache.googleusercontent.com	1
http://a0.twimg.com	1

Plus belle la vie avec HTML5 et CSS3 - Paris Web 2010

by Raphaël Goetter on Oct 16, 2010

Accessibility

Categories

Tags

Upload Details

Usage Rights

13 Embeds 2,838

Statistics

Plus belle la vie avec HTML5 et CSS3 - Paris Web 2010 — Presentation Transcript