We’re now going to see how to display the details of each article. We will use for that a transition animation , we will play with the simulator and we will continue to discover Blend to use CSS3 Multi-columns for instance.   Like in the previous...

Starting from scratch, we’re going to learn through these 2 tutorials how to build a small RSS reader with HTML5 , CSS3 and WinJS , the Microsoft JavaScript framework for Windows 8 Metro Style Apps. We’ll try also to follow the Metro design guidelines...

Nous allons maintenant voir comment afficher le détail des articles de blogs. Pour cela, nous allons utiliser une animation de transition , jouer avec le simulateur et continuer à utiliser Blend pour mettre en place du CSS3 Multi-columns . Comme toujours...

Nous allons voir à travers ces 2 tutoriaux comment, en partant de zéro, réaliser un petit lecteur de flux RSS avec HTML5, CSS3 et WinJS , le framework JavaScript de Microsoft pour Windows 8 Metro. Nous essaierons également de suivre au mieux les règles...

Nous avons vu dans l’article précédent Modernisez vos jeux HTML5 canvas partie 1: mise à l’échelle matérielle & CSS3 comment utiliser CSS3 3D Transform, les transitions & Grid Layout pour améliorer un jeu de plateforme HTML5. Nous allons maintenant...

We’ve seen in the previous article Modernizing your HTML5 Canvas games Part 1: hardware scaling & CSS3 how to use CSS3 3D Transform, Transitions & Grid Layout for a HTML5 Platformer game. We’re now going to see how to use the Offline API, Drag...

Les dernières versions des navigateurs commencent à implémenter des versions stables de certaines spécifications HTML5 particulièrement intéressantes comme Offline APIs, Drag’n’drop & File APIs . Ces nouvelles fonctionnalités offrent aux développeurs...

Latest versions of the browsers start to implement stable version of very interesting HTML5 features like Offline APIs, Drag’n’drop & File APIs . Those new features offer new gaming scenarios for the web developers and bring us to a new web application...

After a couple of hours coding with JavaScript, I’ve finally finished porting the XNA 4.0 Platformer game sample to HTML5/Canvas with the help of the EaselJS gaming framework. This article will provide you the game and the story of some of the questions...

Après quelques heures passées sur le clavier à coder en JavaScript, j’ai finalement complètement porté l’exemple de jeu Platformer issu des samples XNA 4.0 vers HTML5/Canvas à l’aide du framework...

We’ve seen in the previous article how to animate our sprites using EaselJS: HTML5 Gaming: animating sprites in Canvas with EaselJS We’re now going to see how to create some of our game objects like ennemies and our platformer hero. We will also see how...

Nous avons vu dans l’article précédent comment animer des sprites avec EaselJS : Jeux HTML5: animation de sprites dans l’élément Canvas grâce à EaselJS Nous allons maintenant voir comment créer certains des objets de base de notre jeu comme les ennemies...

When you want to write casual games using the HTML5 Canvas element, you’ll need to find a way to handle your sprites. There are several libraries available to help you writing games such as ImpactJS , CraftyJS and so on. On my side, I’ve decided to use...

Si vous souhaitez écrire un petit jeu dit “casual” en utilisant l’élément Canvas d’HTML5, vous devrez trouver un moyen de gérer vos sprites. Il existe plusieurs librairies susceptibles de vous aider pour écrire des jeux en “HTML5” comme ImpactJS ou CraftyJS...

Si vous le ne saviez pas encore, nous avons mis en ligne une grande partie des vidéos/webcasts des sessions des Techdays 2012 sur notre site officiel: http://www.mstechdays.fr . Vous pouvez ainsi y retrouver le parcours découverte HTML5. Mais le mieux...

La version HTML5 de la session IE10 Plusieurs d’entre vous m’ont demandé s’ils pouvaient avoir accès à l’application HTML5 que j’ai utilisée pendant ma session générale sur les nouveautés d’HTML5 et CSS3 dans Internet Explorer 10 des Techdays 2012. Vous...

Mise à jour du 27/01/2012 spéciale Windows 8 : Beaucoup d’entre vous ne l’ont pas encore remarqué mais nous avons la chance de pouvoir vous présenter en 3 sessions le modèle de développement de...

Vous étiez un peu plus de 200 à être venus à notre centre de conférence retirer votre T-Shirt et surtout pour assister à l’après-midi du développement consacrée à JavaScript et...

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...

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...

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...

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...

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...

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...

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...