Tutorial: how to create HTML5 applications on Windows Phone thanks to PhoneGap

We will first see in this article what the added values of PhoneGap for HTML5 applications are. We’ll then discover how to create our very first project where we will retrieve the accelerometer’s values from our JavaScript code. At last, we will review a complete HTML5 gaming sample almost ported as-is to PhoneGap to use…

19

Tutorial: créez des applications avec HTML5 sur Windows Phone grâce à PhoneGap

Tout d’abord, nous allons naturellement commencer par voir l’intérêt d’utiliser PhoneGap pour HTML5. Ensuite, nous verrons comment créer son tout 1er projet et récupérer les valeurs de l’accéléromètre en JavaScript. Pour finir, nous allons voir un exemple complet où j’ai repris le code de mon jeu HTML5 Platformer pour le faire fonctionner presque tel quel…

5

Testez et débuggez vos sites HTML5 sous Windows Phone 7 avec l’émulateur gratuit

Les internautes arrivent de plus en plus souvent sur vos sites web depuis un périphérique mobile. Il est donc de plus en plus important de leur offrir une bonne expérience sur le navigateur embarqué. Vous ne pouvez plus vous permettre d’ignorer cette population en leur offrant une version trop dégradée. Dans notre cas, depuis la…

2

Introduction aux animations CSS3

Les applications HTML5 d’aujourd’hui peuvent désormais fournir des expériences inédites grâces aux nouvelles spécifications CSS3. L’une d’entre elles est nommée CSS3 Animations. Elle vous permet de créer des animations évoluées sur des éléments HTML. Cela ouvre d’intéressantes perspectives afin de fournir des retours pertinents à l’utilisateur et construire des applications rapides & fluides. De plus,…

6

Introduction to CSS3 Animations

Today’s HTML5 applications can provide awesome experiences thanks to the new CSS3 specifications. One of them is CSS3 Animations. It can help you building rich animations on HTML elements. This can provide interesting feedbacks to the users and enables fast & fluid UIs. As those new animations are most of time hardware accelerated by the…

15

Vidéo, slides et ressources de ma session sur le développement d’un jeu de plateforme en HTML5

Si vous n’avez pas pu assister à ma session sur le développement d’un jeu de plateforme en HTML5/Canvas pendant notre évènement Microsoft Days 2011 ou si vous souhaitez revoir la session, en voici un enregistrement : Download Video: MP4, WebM HTML5 Video Player by VideoJS Au format HTML5 <video> h264/webm bien sûr. J’utilise d’ailleurs au…

4

Tutorial HTML5: découverte des tags sémantiques, d’un soupçon de CSS3 et de Modernizr

Pendant l’été, avec Stanislas Quastana et David Catuhe, nous avons publié 3 cahiers de vacances autour d’HTML5 sur notre plateforme MSDN : Focus sur HTML5 . Mon cahier abordait les tags sémantiques d’HTML5, un peu de CSS3 et comment rendre le tout compatible même avec IE8 en utilisant Modernizr. Je vous propose de le découvrir…

0

Introduction to the HTML5 Web Workers: the JavaScript multithreading approach

An HTML5 application is obviously written using JavaScript. But compared to other kind of development environments (like native one), JavaScript historically suffers from an important limitation: all its execution process remains inside a unique thread. This could be pretty annoying with today multi-cores processors like the i5/i7 containing up to 8 logical CPUs and even…

8

Introduction aux Web Workers d’HTML5 : le multithreading version JavaScript

Une application HTML5 s’écrit bien entendu en JavaScript. Or, par rapport aux autres modèles de développements connus (clients lourds avec .NET/C++ ou même avec Silverlight), JavaScript dispose historiquement d’une limitation importante : toute son exécution s’effectue dans un seul et même thread. C’est plutôt ballot à l’heure des processeurs multi-cœurs comme les Core i5/i7 proposant…

6

Une application HTML5 pour afficher les vidéos 5 minutes pour comprendre IE9

Avec Stanislas Quastana, nous avons créé une série de vidéos appelée “5 min pour comprendre” permettant d’illustrer assez rapidement quelques nouveautés autour d’Internet Explorer 9. Nous les avons publiées ici sur le blog IE France : La série 5 minutes pour comprendre IE9: la liste complète . Ces vidéos sont visibles au format Silverlight Smooth…

1