SlideShare une entreprise Scribd logo
1  sur  29
Télécharger pour lire hors ligne
Browser War 2009
     Daniel Glazman




      © Disruptive Innovations
        25 novembre 2009
Rappelez-vous...
• ...quand écran et impression se faisaient la guerre
• ...quand la taille de fonte par défaut sur Netscape
  n'était pas celle de IE
• ...la première fois que vous avez vu un URL dans le
  générique de fin du Journal Télévisé...
• ...à quel point votre page Web est belle sur votre
  Mac et laide sur Windows ☺

                      © Disruptive Innovations
                                                        2
                        25 novembre 2009
Contexte
• HTML+, novembre 1993
• HTML 4.0, décembre 1997
• CSS 1, décembre 1996
• CSS 2, mai 1998
• Tag Soup et CSS hackz...
               © Disruptive Innovations
                                          3
                 25 novembre 2009
• World Wide Web Consortium
• Fondé 01-oct-1994
• Standardisation et Hémoglobine
• Choisissez : Suiveur, ou Acteur...
                http://w3.org
                 © Disruptive Innovations
                                            4
                   25 novembre 2009
Comparons 1994
       et 2009

• Il suffit d'un seul site
• Voyons l'évolution de la technologie
• Voyons comment on pourrait le refaire au
  goût du jour



                 © Disruptive Innovations
                                             5
                   25 novembre 2009
© Disruptive Innovations
                           6
  25 novembre 2009
Flash avant
<video> après
 © Disruptive Innovations
                            7
   25 novembre 2009
<img> avant
border-radius: 11px; après
        © Disruptive Innovations
                                   8
          25 novembre 2009
<img> avant
@font-face après
   © Disruptive Innovations
                              9
     25 novembre 2009
<img> avant
CSS 2D Transforms après
       © Disruptive Innovations
                                  10
         25 novembre 2009
Reprenons le contexte
•   février 1993, Mosaic for X alpha

•   mars 1994, Mosaic Communications Corp

•   avril 1995, Internet Explorer 1

•   1996, Opera 2.0

•   27 août 2001, Internet Explorer 6

•   23 juin 2003, Safari 1.0

•   9 novembre 2004, Firefox 1.0

•   18 octobre 2006, Internet Explorer 7...

                         © Disruptive Innovations
                                                    11
                           25 novembre 2009
Quoi de neuf ???
• HTML 5
• CSS 2.1 et CSS 3
• Widgets
• SVG
• APIs
• ...
               © Disruptive Innovations
                                          12
                 25 novembre 2009
HTML 5




                   Photo S. Galineau - All rights reserved - Used with permission


 © Disruptive Innovations
                                                                                    13
   25 novembre 2009
Dix ans
• Pendant 10 ans, XHTML 2 a monopolisé les
  énergies
• "Reinventing HTML" TBL, 27-oct-2006
• Pendant ce temps-là, le WHAT-WG a repris
  le flambeau, très vite, très fort
• Le HTML WG ne fait que suivre...
                 © Disruptive Innovations
                                             14
                   25 novembre 2009
HTML 5
• new elements (sections, aside, new form
    elements, video, canvas, ...)
•   Transaction Manager
•   copy/paste, drag and drop
•   contenteditable
•   DOM

                      © Disruptive Innovations
                                                 15
                        25 novembre 2009
CSS
•   Selectors bientôt en Proposed Rec

•   CSS 2.1 sur le même chemin

•   Backgrounds and Borders

•   Media Queries

•   2D Transforms et Transitions

•   Multi-Column

•   Gradients

                    © Disruptive Innovations
                                               16
                      25 novembre 2009
JavaScript


• Une accélération à l'exécution stupéfiante
• JavaScript est là pour très longtemps


                © Disruptive Innovations
                                              17
                  25 novembre 2009
Device APIs

• Accéléromètre
• Webcam
• Filesystem
• et plein d'autres...

                  © Disruptive Innovations
                                             18
                    25 novembre 2009
Widgets 2009

• Apple Dashboard
• Konfabulator
• Opera Widgets
• Netvibes widgets
• ...
               © Disruptive Innovations
                                          19
                 25 novembre 2009
Beaucoup de points communs
  beaucoup de différences
• Dashboard : appels à des interfaces natives
  Mac OS X
• Basés sur des rendering engines différents
• Packaging différent ou fichiers de
  configuration incompatibles
• Pas de réel compromis jusqu'à ce que le
  W3C commence à travailler sur le sujet

                 © Disruptive Innovations
                                                20
                   25 novembre 2009
Widgets 2010
• Une spécification W3C sur le packaging de
  widgets
• Une spécification W3C sur le DOM et les
  évènements spécifiques aux widgets
• Une spécification W3C sur la signature de
  Widgets
• ++                Widgeon de Robin Berjon

                © Disruptive Innovations
                                              21
                  25 novembre 2009
Ze powa of demos


• Donc demos...


              © Disruptive Innovations
                                         22
                25 novembre 2009
Peut-on commencer à
      rêver ???
• En un mot : non...
• Les éditeurs de navigateurs suivent chacun
  une stratégie différente adaptée au marché
• Le first mover's advantage existe toujours et
  ce n'est pas prêt de changer !


                 © Disruptive Innovations
                                                 23
                   25 novembre 2009
Les nouveautés #1
•   Les Web OS comme Google Chrome OS, Palm
    WebOS ou JoliCloud devraient améliorer
    l'interopérabilité et surtout amener à la
    standardisation des APIs au-dessus du système de
    bas niveau

•   Les navigateurs mobiles imposent des contraintes
    fortes

•   Le retour fort de Microsoft et bien sûr l'arrivée de
    Google

                     © Disruptive Innovations
                                                           24
                       25 novembre 2009
Les nouveautés #2

• HTML 5 tend à devenir un langage d'UI
 • mais n'a pas de flex-box model...
• Jetpack pour Firefox, extensions à Google
  Chrome



                © Disruptive Innovations
                                              25
                  25 novembre 2009
Browser War 2009
•   C'est différent de 1998 parce que le marché est
    différent

•   Mais la compétition est tout aussi vive

•   Firefox a changé la donne

    •   produits 100% issus des ingénieurs

    •   pas d'étude de marché, juste le flair !

•   Guerre ouverte entre Flash et les standards

                            © Disruptive Innovations
                                                       26
                              25 novembre 2009
Alors qui va gagner ?-)
• Firefox > 50% dans de nombreux pays
  d'Europe
• Internet Explorer va avoir du mal à refaire
  ce retard
• Opera reste très fort sur mobile
• Mais Safari a fait une entrée remarquée
• Google Chrome ?
                 © Disruptive Innovations
                                                27
                   25 novembre 2009
Un constat de
        dinosaure
Le Web (celui que nous utilisons tous les
jours) n'a pas été autant en ébullition depuis
1998. Participer aux travaux du W3C dans
ces conditions est une joie quotidienne.
               (mais c'est crevant dit la petite voix...)




                 © Disruptive Innovations
                                                            28
                   25 novembre 2009
Merci :-)


• Questions ?


                © Disruptive Innovations
                                           29
                  25 novembre 2009

Contenu connexe

Similaire à Browser War 2009

Tk02 Google Wave Et Html5 Fr
Tk02 Google Wave Et Html5 FrTk02 Google Wave Et Html5 Fr
Tk02 Google Wave Et Html5 FrValtech
 
Webinar Softlayer d'Avril 2015 - Francais
Webinar Softlayer d'Avril 2015 - FrancaisWebinar Softlayer d'Avril 2015 - Francais
Webinar Softlayer d'Avril 2015 - FrancaisNicolas Verdier
 
Liferay Portail Web Enterprise Plateforme Collaborative
Liferay Portail Web Enterprise Plateforme CollaborativeLiferay Portail Web Enterprise Plateforme Collaborative
Liferay Portail Web Enterprise Plateforme CollaborativeSavoir-faire Linux
 
Recueil des mauvaises pratiques constatées lors de l'audit de sites Drupal 7
Recueil des mauvaises pratiques constatées lors de l'audit de sites Drupal 7Recueil des mauvaises pratiques constatées lors de l'audit de sites Drupal 7
Recueil des mauvaises pratiques constatées lors de l'audit de sites Drupal 7OSInet
 
Pelleter Des Nuages - Bâtir son infrastructure TI dans le "cloud"
Pelleter Des Nuages - Bâtir son infrastructure TI dans le "cloud"Pelleter Des Nuages - Bâtir son infrastructure TI dans le "cloud"
Pelleter Des Nuages - Bâtir son infrastructure TI dans le "cloud"Sylvain Carle
 
Les réseaux sociaux et le Web 2.0
Les réseaux sociaux et le Web 2.0Les réseaux sociaux et le Web 2.0
Les réseaux sociaux et le Web 2.0tardifpa
 
Softlayer webinar mai 2014 - francais
Softlayer webinar   mai 2014 - francaisSoftlayer webinar   mai 2014 - francais
Softlayer webinar mai 2014 - francaisNicolas Verdier
 
Conteneurs Linux ou Windows : quelles approches pour des IT agiles ?
Conteneurs Linux ou Windows : quelles approches pour des IT agiles ?Conteneurs Linux ou Windows : quelles approches pour des IT agiles ?
Conteneurs Linux ou Windows : quelles approches pour des IT agiles ?Microsoft
 
Webinar Softlayer MSP / ISV en Francais - Octobre 2015
Webinar Softlayer MSP / ISV en Francais - Octobre 2015Webinar Softlayer MSP / ISV en Francais - Octobre 2015
Webinar Softlayer MSP / ISV en Francais - Octobre 2015Nicolas Verdier
 
Softlayer webinar octobre - francais
Softlayer webinar   octobre - francaisSoftlayer webinar   octobre - francais
Softlayer webinar octobre - francaisNicolas Verdier
 
Alter Way's digitalks - Docker : des conteneurs pour tout faire ?
Alter Way's digitalks - Docker  : des conteneurs pour tout faire ?Alter Way's digitalks - Docker  : des conteneurs pour tout faire ?
Alter Way's digitalks - Docker : des conteneurs pour tout faire ?ALTER WAY
 
Alter Way's digitalks - Docker : des conteneurs pour tout faire ?
Alter Way's digitalks - Docker  : des conteneurs pour tout faire ? Alter Way's digitalks - Docker  : des conteneurs pour tout faire ?
Alter Way's digitalks - Docker : des conteneurs pour tout faire ? ALTER WAY
 
Webinar Softlayer MSP / ISV en Francais - Novembre 2015
Webinar Softlayer MSP / ISV en Francais - Novembre 2015Webinar Softlayer MSP / ISV en Francais - Novembre 2015
Webinar Softlayer MSP / ISV en Francais - Novembre 2015Nicolas Verdier
 
Panorama des solutions mobile hybrides
Panorama des solutions mobile hybridesPanorama des solutions mobile hybrides
Panorama des solutions mobile hybridesekino
 
Drupagora 2013 : Drupal8 et Symfony2, quel impact ?
Drupagora 2013 : Drupal8 et Symfony2, quel impact ?Drupagora 2013 : Drupal8 et Symfony2, quel impact ?
Drupagora 2013 : Drupal8 et Symfony2, quel impact ?ekino
 
Softlayer Webinar - Juin 2014 - Francais
Softlayer Webinar - Juin 2014 - FrancaisSoftlayer Webinar - Juin 2014 - Francais
Softlayer Webinar - Juin 2014 - FrancaisNicolas Verdier
 
Strategies et developpements mobiles multi-plates-formes.
Strategies et developpements mobiles multi-plates-formes.Strategies et developpements mobiles multi-plates-formes.
Strategies et developpements mobiles multi-plates-formes.DocDoku
 
Les Nouveaux Standards et leur implémentation dans les navigateurs modernes
Les Nouveaux Standards et leur implémentation dans les navigateurs modernesLes Nouveaux Standards et leur implémentation dans les navigateurs modernes
Les Nouveaux Standards et leur implémentation dans les navigateurs modernesTristan Nitot
 

Similaire à Browser War 2009 (20)

Tk02 Google Wave Et Html5 Fr
Tk02 Google Wave Et Html5 FrTk02 Google Wave Et Html5 Fr
Tk02 Google Wave Et Html5 Fr
 
Cocos2D
Cocos2DCocos2D
Cocos2D
 
Webinar Softlayer d'Avril 2015 - Francais
Webinar Softlayer d'Avril 2015 - FrancaisWebinar Softlayer d'Avril 2015 - Francais
Webinar Softlayer d'Avril 2015 - Francais
 
Liferay Portail Web Enterprise Plateforme Collaborative
Liferay Portail Web Enterprise Plateforme CollaborativeLiferay Portail Web Enterprise Plateforme Collaborative
Liferay Portail Web Enterprise Plateforme Collaborative
 
Recueil des mauvaises pratiques constatées lors de l'audit de sites Drupal 7
Recueil des mauvaises pratiques constatées lors de l'audit de sites Drupal 7Recueil des mauvaises pratiques constatées lors de l'audit de sites Drupal 7
Recueil des mauvaises pratiques constatées lors de l'audit de sites Drupal 7
 
Pelleter Des Nuages - Bâtir son infrastructure TI dans le "cloud"
Pelleter Des Nuages - Bâtir son infrastructure TI dans le "cloud"Pelleter Des Nuages - Bâtir son infrastructure TI dans le "cloud"
Pelleter Des Nuages - Bâtir son infrastructure TI dans le "cloud"
 
Les réseaux sociaux et le Web 2.0
Les réseaux sociaux et le Web 2.0Les réseaux sociaux et le Web 2.0
Les réseaux sociaux et le Web 2.0
 
Softlayer webinar mai 2014 - francais
Softlayer webinar   mai 2014 - francaisSoftlayer webinar   mai 2014 - francais
Softlayer webinar mai 2014 - francais
 
Conteneurs Linux ou Windows : quelles approches pour des IT agiles ?
Conteneurs Linux ou Windows : quelles approches pour des IT agiles ?Conteneurs Linux ou Windows : quelles approches pour des IT agiles ?
Conteneurs Linux ou Windows : quelles approches pour des IT agiles ?
 
Webinar Softlayer MSP / ISV en Francais - Octobre 2015
Webinar Softlayer MSP / ISV en Francais - Octobre 2015Webinar Softlayer MSP / ISV en Francais - Octobre 2015
Webinar Softlayer MSP / ISV en Francais - Octobre 2015
 
Softlayer webinar octobre - francais
Softlayer webinar   octobre - francaisSoftlayer webinar   octobre - francais
Softlayer webinar octobre - francais
 
Alter Way's digitalks - Docker : des conteneurs pour tout faire ?
Alter Way's digitalks - Docker  : des conteneurs pour tout faire ?Alter Way's digitalks - Docker  : des conteneurs pour tout faire ?
Alter Way's digitalks - Docker : des conteneurs pour tout faire ?
 
Alter Way's digitalks - Docker : des conteneurs pour tout faire ?
Alter Way's digitalks - Docker  : des conteneurs pour tout faire ? Alter Way's digitalks - Docker  : des conteneurs pour tout faire ?
Alter Way's digitalks - Docker : des conteneurs pour tout faire ?
 
Webinar Softlayer MSP / ISV en Francais - Novembre 2015
Webinar Softlayer MSP / ISV en Francais - Novembre 2015Webinar Softlayer MSP / ISV en Francais - Novembre 2015
Webinar Softlayer MSP / ISV en Francais - Novembre 2015
 
Internet mobile
Internet mobileInternet mobile
Internet mobile
 
Panorama des solutions mobile hybrides
Panorama des solutions mobile hybridesPanorama des solutions mobile hybrides
Panorama des solutions mobile hybrides
 
Drupagora 2013 : Drupal8 et Symfony2, quel impact ?
Drupagora 2013 : Drupal8 et Symfony2, quel impact ?Drupagora 2013 : Drupal8 et Symfony2, quel impact ?
Drupagora 2013 : Drupal8 et Symfony2, quel impact ?
 
Softlayer Webinar - Juin 2014 - Francais
Softlayer Webinar - Juin 2014 - FrancaisSoftlayer Webinar - Juin 2014 - Francais
Softlayer Webinar - Juin 2014 - Francais
 
Strategies et developpements mobiles multi-plates-formes.
Strategies et developpements mobiles multi-plates-formes.Strategies et developpements mobiles multi-plates-formes.
Strategies et developpements mobiles multi-plates-formes.
 
Les Nouveaux Standards et leur implémentation dans les navigateurs modernes
Les Nouveaux Standards et leur implémentation dans les navigateurs modernesLes Nouveaux Standards et leur implémentation dans les navigateurs modernes
Les Nouveaux Standards et leur implémentation dans les navigateurs modernes
 

Browser War 2009

  • 1. Browser War 2009 Daniel Glazman © Disruptive Innovations 25 novembre 2009
  • 2. Rappelez-vous... • ...quand écran et impression se faisaient la guerre • ...quand la taille de fonte par défaut sur Netscape n'était pas celle de IE • ...la première fois que vous avez vu un URL dans le générique de fin du Journal Télévisé... • ...à quel point votre page Web est belle sur votre Mac et laide sur Windows ☺ © Disruptive Innovations 2 25 novembre 2009
  • 3. Contexte • HTML+, novembre 1993 • HTML 4.0, décembre 1997 • CSS 1, décembre 1996 • CSS 2, mai 1998 • Tag Soup et CSS hackz... © Disruptive Innovations 3 25 novembre 2009
  • 4. • World Wide Web Consortium • Fondé 01-oct-1994 • Standardisation et Hémoglobine • Choisissez : Suiveur, ou Acteur... http://w3.org © Disruptive Innovations 4 25 novembre 2009
  • 5. Comparons 1994 et 2009 • Il suffit d'un seul site • Voyons l'évolution de la technologie • Voyons comment on pourrait le refaire au goût du jour © Disruptive Innovations 5 25 novembre 2009
  • 6. © Disruptive Innovations 6 25 novembre 2009
  • 7. Flash avant <video> après © Disruptive Innovations 7 25 novembre 2009
  • 8. <img> avant border-radius: 11px; après © Disruptive Innovations 8 25 novembre 2009
  • 9. <img> avant @font-face après © Disruptive Innovations 9 25 novembre 2009
  • 10. <img> avant CSS 2D Transforms après © Disruptive Innovations 10 25 novembre 2009
  • 11. Reprenons le contexte • février 1993, Mosaic for X alpha • mars 1994, Mosaic Communications Corp • avril 1995, Internet Explorer 1 • 1996, Opera 2.0 • 27 août 2001, Internet Explorer 6 • 23 juin 2003, Safari 1.0 • 9 novembre 2004, Firefox 1.0 • 18 octobre 2006, Internet Explorer 7... © Disruptive Innovations 11 25 novembre 2009
  • 12. Quoi de neuf ??? • HTML 5 • CSS 2.1 et CSS 3 • Widgets • SVG • APIs • ... © Disruptive Innovations 12 25 novembre 2009
  • 13. HTML 5 Photo S. Galineau - All rights reserved - Used with permission © Disruptive Innovations 13 25 novembre 2009
  • 14. Dix ans • Pendant 10 ans, XHTML 2 a monopolisé les énergies • "Reinventing HTML" TBL, 27-oct-2006 • Pendant ce temps-là, le WHAT-WG a repris le flambeau, très vite, très fort • Le HTML WG ne fait que suivre... © Disruptive Innovations 14 25 novembre 2009
  • 15. HTML 5 • new elements (sections, aside, new form elements, video, canvas, ...) • Transaction Manager • copy/paste, drag and drop • contenteditable • DOM © Disruptive Innovations 15 25 novembre 2009
  • 16. CSS • Selectors bientôt en Proposed Rec • CSS 2.1 sur le même chemin • Backgrounds and Borders • Media Queries • 2D Transforms et Transitions • Multi-Column • Gradients © Disruptive Innovations 16 25 novembre 2009
  • 17. JavaScript • Une accélération à l'exécution stupéfiante • JavaScript est là pour très longtemps © Disruptive Innovations 17 25 novembre 2009
  • 18. Device APIs • Accéléromètre • Webcam • Filesystem • et plein d'autres... © Disruptive Innovations 18 25 novembre 2009
  • 19. Widgets 2009 • Apple Dashboard • Konfabulator • Opera Widgets • Netvibes widgets • ... © Disruptive Innovations 19 25 novembre 2009
  • 20. Beaucoup de points communs beaucoup de différences • Dashboard : appels à des interfaces natives Mac OS X • Basés sur des rendering engines différents • Packaging différent ou fichiers de configuration incompatibles • Pas de réel compromis jusqu'à ce que le W3C commence à travailler sur le sujet © Disruptive Innovations 20 25 novembre 2009
  • 21. Widgets 2010 • Une spécification W3C sur le packaging de widgets • Une spécification W3C sur le DOM et les évènements spécifiques aux widgets • Une spécification W3C sur la signature de Widgets • ++ Widgeon de Robin Berjon © Disruptive Innovations 21 25 novembre 2009
  • 22. Ze powa of demos • Donc demos... © Disruptive Innovations 22 25 novembre 2009
  • 23. Peut-on commencer à rêver ??? • En un mot : non... • Les éditeurs de navigateurs suivent chacun une stratégie différente adaptée au marché • Le first mover's advantage existe toujours et ce n'est pas prêt de changer ! © Disruptive Innovations 23 25 novembre 2009
  • 24. Les nouveautés #1 • Les Web OS comme Google Chrome OS, Palm WebOS ou JoliCloud devraient améliorer l'interopérabilité et surtout amener à la standardisation des APIs au-dessus du système de bas niveau • Les navigateurs mobiles imposent des contraintes fortes • Le retour fort de Microsoft et bien sûr l'arrivée de Google © Disruptive Innovations 24 25 novembre 2009
  • 25. Les nouveautés #2 • HTML 5 tend à devenir un langage d'UI • mais n'a pas de flex-box model... • Jetpack pour Firefox, extensions à Google Chrome © Disruptive Innovations 25 25 novembre 2009
  • 26. Browser War 2009 • C'est différent de 1998 parce que le marché est différent • Mais la compétition est tout aussi vive • Firefox a changé la donne • produits 100% issus des ingénieurs • pas d'étude de marché, juste le flair ! • Guerre ouverte entre Flash et les standards © Disruptive Innovations 26 25 novembre 2009
  • 27. Alors qui va gagner ?-) • Firefox > 50% dans de nombreux pays d'Europe • Internet Explorer va avoir du mal à refaire ce retard • Opera reste très fort sur mobile • Mais Safari a fait une entrée remarquée • Google Chrome ? © Disruptive Innovations 27 25 novembre 2009
  • 28. Un constat de dinosaure Le Web (celui que nous utilisons tous les jours) n'a pas été autant en ébullition depuis 1998. Participer aux travaux du W3C dans ces conditions est une joie quotidienne. (mais c'est crevant dit la petite voix...) © Disruptive Innovations 28 25 novembre 2009
  • 29. Merci :-) • Questions ? © Disruptive Innovations 29 25 novembre 2009