HTML5 pour l’écriture d’applications cross-devices

Post on 24-May-2015

3.335 views 1 download

Preview:

Click to see full reader

Tags:

Report this document

description

HTML5 et ses amis CSS3 et SVG sont particulièrement intéressants à l’heure de la multiplication des périphériques (PC, tablettes et téléphones). En effet, 2 choix s’offrent aux développeurs pour viser ces différentes plateformes. Le 1er est de coder avec l’environnement natif de chacune (Objective-C, Java, Silverlight, etc.) et cela peut vite coûter très cher. Le 2ème choix consiste à envisager une technologie commune à toutes les plateformes : HTML5. Oui mais HTML5 est-t-il capable d’offrir une richesse et une ergonomie similaire à une application native ? Comment s’adapter aux différentes résolutions et ergonomie disponibles ? Quiz des performances ? Quelles sont les limitations face à une application dite native ?Tout au long de cette session, nous essaierons de répondre à ces questions en construisant une même application qui fonctionnera sur la majorité des plateformes actuelles. Nous verrons ainsi que grâce aux dernières évolutions des technologies du W3C et à l’augmentation des performances des derniers navigateurs, HTML5 et ses amis n’ont pas à rougir face à aux applications natives pour de nombreux cas d’utilisation. Nous y découvrirons malgré tout les nouveaux challenges que cela peut lever.

Transcript of HTML5 pour l’écriture d’applications cross-devices

David Rousset - @davrous http://blogs.msdn.com/davrousMicrosoft France

http://blogs.msdn.com/davrous

La pagaille des développements natifs

un environnement pour les gouverner tous?

CSS3 Media Queries

CSS3 Flexbox CSS3 Multi-Column

CSS3 Grid Layout

http://www.w3.org/TR/css3-mediaqueries/

http://www.w3.org/TR/css3-mediaqueries/

http://www.w3.org/TR/css3-mediaqueries/

http://www.w3.org/TR/css3-flexbox/

http://www.w3.org/TR/css3-flexbox/

http://www.w3.org/TR/css3-flexbox/

http://www.w3.org/TR/css3-multicol/

http://www.w3.org/TR/css3-multicol/

http://www.w3.org/TR/css3-multicol/

http://dev.w3.org/csswg/css3-grid-align/

http://dev.w3.org/csswg/css3-grid-align/

http://dev.w3.org/csswg/css3-grid-align/

http://dev.w3.org/csswg/css3-grid-align/

http://dev.w3.org/csswg/css3-grid-align/

http://dev.w3.org/csswg/css3-grid-align/

{

{

0

500

1000

1500

2000

2500

Chrome 14 sur

Vaio Z13

iPad 2

//upload.wikimedia.org/wikipedia/commons/5/5e/Dc_cabling_50.jpg

Responsive Web Design

Mobile-First Responsive Web Design

For a future-friendly web

Mobile Web Best Practices

Conférence BUILD

http://www.alistapart.com/articles/responsive-web-design

http://bradfrostweb.com/blog/web/mobile-first-responsive-web-design/

http://bradfrostweb.com/blog/web/mobile-first-responsive-web-design/

http://bradfrostweb.com/blog/web/mobile-first-responsive-web-design/

http://www.slideshare.net/bradfrostweb/for-a-futurefriendly-web

http://www.slideshare.net/bradfrostweb/for-a-futurefriendly-web

http://www.slideshare.net/bradfrostweb/for-a-futurefriendly-web

http://www.slideshare.net/bradfrostweb/for-a-futurefriendly-web

http://www.slideshare.net/bradfrostweb/for-a-futurefriendly-web

http://mobilewebbestpractices.com/

http://www.buildwindows.com/

http://www.buildwindows.com/

http://www.buildwindows.com/

Copyright © 2022 FDOCUMENTS