Lighting up Windows: From websites to apps

# IE 10
Un meilleur support du HTML5. Le travail avait été déjà commencé avec IE9, mais beaucoup de choses ont été rajoutées.

De nouveaux outils pour les développeurs
Et surtout IE10 a été pensé pour être utilisé en tactile dans Windwos 8 !

Quelques chiffes au passage :

55% des utilisateurs de Windows 8 passent encore la majeure partie de leur temps dans le navigateur web !

L’utilisation d’un navigateur est évidemment de plus en plus mobile !

Démo : Atari Arcade

– 1 site super travaillé : CSS 3D, jS templating, backbone, SPA… tout simplement impressionnant !!!

– un SDK pour créer des jeux HTML5 performant et adaptatif

# 5 cross browser tips

1. Ecrire du code multi-navigateur en déclarant un doctype HTML, en utilisant HTML5 et CSS3, en faisant de la détection de fonctionnalité avec Modernizr et en upgradant ses frameworks javascript

2. Détecter des problèmes de compatibilité sur les interactions avec l’utilisateur grâce à Compat Inspector + Fiddler

3. Eviter les plugins (en implémentant des mécanismes de fallbacks si on n’a pas le choix) (ex.  http://pulse.me)

4. Ne pas dépendre d’un type de device avec un design adaptatif et les media queries ( ex. http://microsoft.com)

5. Se préparer au tactile en supprimant les actions sur les évènements hover

# 4 ways to light up to W8

1. On peut ajouter des meta pour épingler un site sur le startscreen

msapplication-Tileimage

msapplication-TileColor

2. On peut encore utiliser les meta pour personnaliser les infos transmises au contrat de Partage (se base sur Open Graph)

ex. : title, description og:image

3. Prévoir la navigation en mode snap avec du responsive design, et la navigation en utilisant la gesture flip (on navigue dans le site en tournant les pages comme avec un magazine, ceci en précisant quelles sont les pages suivantes/précédentes)

Démo : http://clipboard.com

4. Connecter son site à son app en ajoutant les meta msApplication-ID et msApplication-PackageFamily, cela permet de proposer le téléchargement de son app ou de switcher sur son app une fois installée

Ex. http://inrixtraffic.com

Pierre-Yves.

Laisser un commentaire

Entrez vos coordonnées ci-dessous ou cliquez sur une icône pour vous connecter:

Logo WordPress.com

Vous commentez à l'aide de votre compte WordPress.com. Déconnexion / Changer )

Image Twitter

Vous commentez à l'aide de votre compte Twitter. Déconnexion / Changer )

Photo Facebook

Vous commentez à l'aide de votre compte Facebook. Déconnexion / Changer )

Photo Google+

Vous commentez à l'aide de votre compte Google+. Déconnexion / Changer )

Connexion à %s