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

Raphaël Goetter
Raphaël GoetterGérant at Alsacréations
Plus belle la vie avec HTML5 et CSS3 - Paris Web 2010
Plus belle la vie avec HTML5 et CSS3 - Paris Web 2010
Plus belle la vie avec HTML5 et CSS3 - Paris Web 2010
Plus belle la vie avec HTML5 et CSS3 - Paris Web 2010
Plus belle la vie avec HTML5 et CSS3 - Paris Web 2010
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
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


<!--[if IE]>
<script src="scripts/html5ie.js"></script>
<![endif]-->

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
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 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
Plus belle la vie avec HTML5 et CSS3 - Paris Web 2010
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
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
Plus belle la vie avec HTML5 et CSS3 - Paris Web 2010
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
Plus belle la vie avec HTML5 et CSS3 - Paris Web 2010
Plus belle la vie avec HTML5 et CSS3 - Paris Web 2010
1 of 33

Recommended

HTML5 / CSS3 : Mythes et realite by
HTML5 / CSS3 : Mythes et realiteHTML5 / CSS3 : Mythes et realite
HTML5 / CSS3 : Mythes et realiteRaphaël Goetter
4.7K views56 slides
Html5 bonnes-pratiques by
Html5 bonnes-pratiquesHtml5 bonnes-pratiques
Html5 bonnes-pratiquesJean-Pierre Vincent
2K views41 slides
HTML5 maintenant partie 1 : la sémantique by
HTML5 maintenant partie 1 : la sémantiqueHTML5 maintenant partie 1 : la sémantique
HTML5 maintenant partie 1 : la sémantiqueJean-Pierre Vincent
1.6K views74 slides
Applications mobiles by
Applications mobilesApplications mobiles
Applications mobilesCedric Gatay
760 views116 slides
Combien coûte un site WordPress ? - Wordcamp Paris 2014 by
Combien coûte un site WordPress ? - Wordcamp Paris 2014Combien coûte un site WordPress ? - Wordcamp Paris 2014
Combien coûte un site WordPress ? - Wordcamp Paris 2014Thierry Pigot
43.4K views25 slides
Trouvez le Thème WordPress Idéal - WordCamp 2014 by
Trouvez le Thème WordPress Idéal - WordCamp 2014Trouvez le Thème WordPress Idéal - WordCamp 2014
Trouvez le Thème WordPress Idéal - WordCamp 2014Alex Bortolotti
47.4K views49 slides

More Related Content

What's hot

Alphorm.com Formation WordPress 4 by
Alphorm.com Formation WordPress 4 Alphorm.com Formation WordPress 4
Alphorm.com Formation WordPress 4 Alphorm
38.6K views306 slides
Publication by
PublicationPublication
PublicationMboye Ndir
803 views29 slides
Introduction à la performance web by
Introduction à la performance webIntroduction à la performance web
Introduction à la performance webRaphaël Goetter
12K views45 slides
♿ Accessibilité & WordPress : Créer des sites pour tous les utilisateurs by
♿ Accessibilité & WordPress : Créer des sites pour tous les utilisateurs♿ Accessibilité & WordPress : Créer des sites pour tous les utilisateurs
♿ Accessibilité & WordPress : Créer des sites pour tous les utilisateursTony Archambeau
8.8K views48 slides
Bonnes pratiques intégration robuste by
Bonnes pratiques intégration robusteBonnes pratiques intégration robuste
Bonnes pratiques intégration robusteRomy Duhem-Verdière
2.1K views68 slides
Wordpress et la sécurité des plugins by
Wordpress et la sécurité des pluginsWordpress et la sécurité des plugins
Wordpress et la sécurité des pluginsBoiteaweb
5.7K views17 slides

What's hot(19)

Alphorm.com Formation WordPress 4 by Alphorm
Alphorm.com Formation WordPress 4 Alphorm.com Formation WordPress 4
Alphorm.com Formation WordPress 4
Alphorm38.6K views
♿ Accessibilité & WordPress : Créer des sites pour tous les utilisateurs by Tony Archambeau
♿ Accessibilité & WordPress : Créer des sites pour tous les utilisateurs♿ Accessibilité & WordPress : Créer des sites pour tous les utilisateurs
♿ Accessibilité & WordPress : Créer des sites pour tous les utilisateurs
Tony Archambeau8.8K views
Wordpress et la sécurité des plugins by Boiteaweb
Wordpress et la sécurité des pluginsWordpress et la sécurité des plugins
Wordpress et la sécurité des plugins
Boiteaweb5.7K views
Webschool contenu-de-qualite-pour-le-web by mariejura
Webschool contenu-de-qualite-pour-le-webWebschool contenu-de-qualite-pour-le-web
Webschool contenu-de-qualite-pour-le-web
mariejura1.5K views
Alphorm.com Support de la Formation JavaScript , avancé by Alphorm
Alphorm.com Support de la Formation JavaScript , avancéAlphorm.com Support de la Formation JavaScript , avancé
Alphorm.com Support de la Formation JavaScript , avancé
Alphorm26K views
Sans documentation, la fonctionnalité n'existe pas ! by sarahhaim shl
Sans documentation, la fonctionnalité n'existe pas !Sans documentation, la fonctionnalité n'existe pas !
Sans documentation, la fonctionnalité n'existe pas !
sarahhaim shl1.9K views
Alphorm.com support Formation OneNote 2016 Prise de notes professionnelles by Alphorm
Alphorm.com support Formation OneNote 2016 Prise de notes professionnellesAlphorm.com support Formation OneNote 2016 Prise de notes professionnelles
Alphorm.com support Formation OneNote 2016 Prise de notes professionnelles
Alphorm23.7K views
L'opensource ce n'est pas que pour le web by sarahhaim shl
L'opensource ce n'est pas que pour le webL'opensource ce n'est pas que pour le web
L'opensource ce n'est pas que pour le web
sarahhaim shl112 views
Alphorm.com Formation Dreamweaver CC pour les débutants by Alphorm
Alphorm.com Formation Dreamweaver CC pour les débutantsAlphorm.com Formation Dreamweaver CC pour les débutants
Alphorm.com Formation Dreamweaver CC pour les débutants
Alphorm17.2K views
Support de la formation Inventor 2017 : perfectionnement by Alphorm
Support de la formation Inventor 2017 : perfectionnementSupport de la formation Inventor 2017 : perfectionnement
Support de la formation Inventor 2017 : perfectionnement
Alphorm558 views
SEO WordPress : Optimiser le référencement naturel by Thierry Pigot
SEO WordPress : Optimiser le référencement naturelSEO WordPress : Optimiser le référencement naturel
SEO WordPress : Optimiser le référencement naturel
Thierry Pigot3K views
Alphorm.com support de la formation Access 2016 Initiation by Alphorm
Alphorm.com support de la formation Access 2016 InitiationAlphorm.com support de la formation Access 2016 Initiation
Alphorm.com support de la formation Access 2016 Initiation
Alphorm24.4K views
Alphorm.com Support de la Formation Sketchup 2016, Perfectionnement by Alphorm
Alphorm.com Support de la Formation Sketchup 2016, PerfectionnementAlphorm.com Support de la Formation Sketchup 2016, Perfectionnement
Alphorm.com Support de la Formation Sketchup 2016, Perfectionnement
Alphorm8.2K views
Alphorm.com support de la formation Word 2016 Initiation by Alphorm
Alphorm.com support de la formation Word 2016 InitiationAlphorm.com support de la formation Word 2016 Initiation
Alphorm.com support de la formation Word 2016 Initiation
Alphorm24.6K views
Alphorm.com Formation SketchUp 2016 et Artlantis 6 - Atelier architectural by Alphorm
Alphorm.com Formation SketchUp 2016 et Artlantis 6 - Atelier architecturalAlphorm.com Formation SketchUp 2016 et Artlantis 6 - Atelier architectural
Alphorm.com Formation SketchUp 2016 et Artlantis 6 - Atelier architectural
Alphorm4.3K views

Viewers also liked

Formation html5 css3 java script by
Formation html5 css3 java scriptFormation html5 css3 java script
Formation html5 css3 java scriptArrow Group
3.8K views90 slides
Un site web responsive en une heure by
Un site web responsive en une heureUn site web responsive en une heure
Un site web responsive en une heureRaphaël Goetter
44.8K views79 slides
Echec entrepreneurial - startup fail - We. Need. More. Losers. by
Echec entrepreneurial - startup fail - We. Need. More. Losers.Echec entrepreneurial - startup fail - We. Need. More. Losers.
Echec entrepreneurial - startup fail - We. Need. More. Losers.Guilhem Bertholet
5.3K views84 slides
GeoLocation using Google Maps JavaScript API v3 by
GeoLocation using Google Maps JavaScript API v3GeoLocation using Google Maps JavaScript API v3
GeoLocation using Google Maps JavaScript API v3S M Mohi Us Sunnat
833 views31 slides
Serveur web sur lindux debian by
Serveur web sur lindux debianServeur web sur lindux debian
Serveur web sur lindux debiancharlielefebvre14
440 views4 slides
Google maps by
Google mapsGoogle maps
Google mapsTonny Cervera
285 views6 slides

Viewers also liked(20)

Formation html5 css3 java script by Arrow Group
Formation html5 css3 java scriptFormation html5 css3 java script
Formation html5 css3 java script
Arrow Group3.8K views
Un site web responsive en une heure by Raphaël Goetter
Un site web responsive en une heureUn site web responsive en une heure
Un site web responsive en une heure
Raphaël Goetter44.8K views
Echec entrepreneurial - startup fail - We. Need. More. Losers. by Guilhem Bertholet
Echec entrepreneurial - startup fail - We. Need. More. Losers.Echec entrepreneurial - startup fail - We. Need. More. Losers.
Echec entrepreneurial - startup fail - We. Need. More. Losers.
Guilhem Bertholet5.3K views
GeoLocation using Google Maps JavaScript API v3 by S M Mohi Us Sunnat
GeoLocation using Google Maps JavaScript API v3GeoLocation using Google Maps JavaScript API v3
GeoLocation using Google Maps JavaScript API v3
S M Mohi Us Sunnat833 views
CReVote: un système de vote électronique résistant à la coercition basé sur l... by pacomeambassa
CReVote: un système de vote électronique résistant à la coercition basé sur l...CReVote: un système de vote électronique résistant à la coercition basé sur l...
CReVote: un système de vote électronique résistant à la coercition basé sur l...
pacomeambassa769 views
LESS, Le CSS avancé by Mahmoud Nbet
LESS, Le CSS avancéLESS, Le CSS avancé
LESS, Le CSS avancé
Mahmoud Nbet1.6K views
Overview of c++ language by samt7
Overview of c++ language   Overview of c++ language
Overview of c++ language
samt72.4K views
Cours php & Mysql - 4éme partie by kadzaki
Cours php & Mysql - 4éme partieCours php & Mysql - 4éme partie
Cours php & Mysql - 4éme partie
kadzaki2.6K views
Cours php & Mysql - 5éme partie by kadzaki
Cours php & Mysql - 5éme partieCours php & Mysql - 5éme partie
Cours php & Mysql - 5éme partie
kadzaki3.1K views
Cours php & Mysql - 3éme partie by kadzaki
Cours php & Mysql - 3éme partieCours php & Mysql - 3éme partie
Cours php & Mysql - 3éme partie
kadzaki3K views
Cours php & Mysql - 2éme partie by kadzaki
Cours php & Mysql - 2éme partieCours php & Mysql - 2éme partie
Cours php & Mysql - 2éme partie
kadzaki3.3K views
Conception et Réalisation d’un Système de Vote Electronique (Blondel Seumo) by Gantner Technologies
Conception et Réalisation d’un Système de Vote Electronique (Blondel Seumo)Conception et Réalisation d’un Système de Vote Electronique (Blondel Seumo)
Conception et Réalisation d’un Système de Vote Electronique (Blondel Seumo)
Gantner Technologies12.1K views
HTML5 & CSS3 by JDerrien
HTML5 & CSS3HTML5 & CSS3
HTML5 & CSS3
JDerrien1.2K views
comment rédiger une expression de besoins by Alexandre Zermati
comment rédiger une expression de besoinscomment rédiger une expression de besoins
comment rédiger une expression de besoins
Alexandre Zermati50.7K views
Alphorm.com Support de la formation NodeJS , avancé by Alphorm
Alphorm.com Support de la formation NodeJS , avancé Alphorm.com Support de la formation NodeJS , avancé
Alphorm.com Support de la formation NodeJS , avancé
Alphorm16.4K views
Alphorm.com Formation NodeJS, les fondamentaux by Alphorm
Alphorm.com Formation NodeJS, les fondamentauxAlphorm.com Formation NodeJS, les fondamentaux
Alphorm.com Formation NodeJS, les fondamentaux
Alphorm26.2K views

More from Raphaël Goetter

10 Revelations sur le Web Mobile by
10 Revelations sur le Web Mobile10 Revelations sur le Web Mobile
10 Revelations sur le Web MobileRaphaël Goetter
15.5K views99 slides
Futur du-positionnement-css by
Futur du-positionnement-cssFutur du-positionnement-css
Futur du-positionnement-cssRaphaël Goetter
3.5K views45 slides
Des CSS efficaces avec KNACSS by
Des CSS efficaces avec KNACSSDes CSS efficaces avec KNACSS
Des CSS efficaces avec KNACSSRaphaël Goetter
15.8K views59 slides
Le Futur du positionnement CSS by
Le Futur du positionnement CSSLe Futur du positionnement CSS
Le Futur du positionnement CSSRaphaël Goetter
3K views64 slides
Trois avancées majeures en CSS3 : Mediaqueries, Grid Layout et Animations (MS... by
Trois avancées majeures en CSS3 : Mediaqueries, Grid Layout et Animations (MS...Trois avancées majeures en CSS3 : Mediaqueries, Grid Layout et Animations (MS...
Trois avancées majeures en CSS3 : Mediaqueries, Grid Layout et Animations (MS...Raphaël Goetter
6.3K views54 slides
Vive les tableaux de mise en page ! by
Vive les tableaux de mise en page !Vive les tableaux de mise en page !
Vive les tableaux de mise en page !Raphaël Goetter
20.2K views108 slides

More from Raphaël Goetter(12)

10 Revelations sur le Web Mobile by Raphaël Goetter
10 Revelations sur le Web Mobile10 Revelations sur le Web Mobile
10 Revelations sur le Web Mobile
Raphaël Goetter15.5K views
Trois avancées majeures en CSS3 : Mediaqueries, Grid Layout et Animations (MS... by Raphaël Goetter
Trois avancées majeures en CSS3 : Mediaqueries, Grid Layout et Animations (MS...Trois avancées majeures en CSS3 : Mediaqueries, Grid Layout et Animations (MS...
Trois avancées majeures en CSS3 : Mediaqueries, Grid Layout et Animations (MS...
Raphaël Goetter6.3K views
Vive les tableaux de mise en page ! by Raphaël Goetter
Vive les tableaux de mise en page !Vive les tableaux de mise en page !
Vive les tableaux de mise en page !
Raphaël Goetter20.2K views
Soyez revolutionnaire, utilisez CSS2 ! by Raphaël Goetter
Soyez revolutionnaire, utilisez CSS2 !Soyez revolutionnaire, utilisez CSS2 !
Soyez revolutionnaire, utilisez CSS2 !
Raphaël Goetter2.8K views
Atelier CSS positionnement (Paris web 2007) by Raphaël Goetter
Atelier CSS positionnement (Paris web 2007)Atelier CSS positionnement (Paris web 2007)
Atelier CSS positionnement (Paris web 2007)
Raphaël Goetter1.5K views
Jouons un peu avec CSS3 (Kiwiparty avril 2010) by Raphaël Goetter
Jouons un peu avec CSS3 (Kiwiparty avril 2010)Jouons un peu avec CSS3 (Kiwiparty avril 2010)
Jouons un peu avec CSS3 (Kiwiparty avril 2010)
Raphaël Goetter2K views

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

  • 7. 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
  • 8. 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
  • 10. 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 <!--[if IE]> <script src="scripts/html5ie.js"></script> <![endif]--> 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 ?
  • 11. 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
  • 12. 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
  • 15. 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
  • 16. 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
  • 17. 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
  • 20. 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
  • 22. 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
  • 23. 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
  • 24. 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
  • 25. 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
  • 26. 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)
  • 29. 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
  • 30. 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
  • 31. Plus belle la vie avec HTML5 et CSS3 Paris-Web 2010 Ressources Pascale Lambert-Charreteur et Raphaël Goetter