While meeting some game studios, I often have the same question coming over and over: if I’m writing/porting my game in HTML5, will it run well on the various targeted devices ? Will it be playable or will the gameplay suffer too much? To answer to that...

Aujourd’hui, la gestion du tactile (ou « touch » en anglais) est devenu obligatoire sur vos sites web. C’est un passage obligé si vous voulez que votre site soit bien adapté aux nombreux périphériques tactiles du marché : tablettes, smartphones et la...

During the French Microsoft Techdays that occurred from the 12 th to the 14 th of February 2013, I’ve built a fun & stupid demo to start the Coding4Fun session . The idea was to rebuild the famous StarWars intro with the 3D scrolling text and the...

I’m currently working on several gaming projects for modern browsers and Windows 8 Store projects. Some of them are using HTML5 as a base in order to simplify multi-devices targeting. I was then looking for a unified way to address all inputs on all platforms...

I often get questions from developers like, “ with so many touch-enabled devices on phones and tablets, where do I start? ” and “ what is the easiest way to build for touch-input? ” Short answer: “It’s complex.” Surely there’s a more unified way to handle...

I’d like to share with you a mysterious internal secret kept within Microsoft for now a long time. It’s the real story behind the concept of the CSS Grid Layout imagined by Microsoft for IE10 and Windows Store Apps. Most of you probably think that this...

Cette année, comme tous les ans depuis 5 ans maintenant, j’étais responsable du parcours Web des Techdays 2013 . Mais j’avais également la chance d’être responsable du parcours Windows 8/Windows Phone 8 avec mes amis Eric Vernié , Pierre Cauchois et Alex...

I had the pleasure to be part of the BUILD2012 lucky speakers this year. On my side, I was giving a talk on new HTML5 & CSS3 features running in IE10. This blog post will give you all the demos I’ve been showing during this talk as well as pointers...

In this fourth & last tutorial, we’re going to play with pixels manipulation . We will first use the EaselJS library and its filters part to apply some Sepia, Black & White and Blur effects on the images taken. Then, we will see how to optimize...

In this third tutorial, we will use the WinJS FlipView control to navigate between our live preview UI and the various photos & videos taken during the life of the application. For that, we will need a specific template for each case : camera live...

In this second tutorial, we’re going to add support for video recording. The first step will then to work on the UI to let the user choosing between photo & video mode. Then we will add the JavaScript code that will let you recording some videos....

Using HTML5, JavaScript & CSS3 , we’re going to build a fun HTML5 camera application for Windows 8 and its Modern UI. You will learn how to use WinRT to access to the camera and the file system to take some pictures & videos. We will then work...

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. We will then build a WinRT application targeting the Windows Store. We...

Agenda: - Canvas & SVG: 2 ways to draw on the screen - Useful libraries & tools - Some gaming frameworks - Some beginners' tutorials - Some interesting online working games & experience feedbacks I’m currently spending most of my time explaining...

Je suis en train de travailler sur des projets utilisant les Touch Events d’IE10 ces derniers temps. Aussi, même si j’ai la chance et le privilège d’avoir une tablette Windows 8 à disposition, je cherchais un moyen plus simple d’effectuer des tests au...

I’m currently working around the touch events of IE10 and even if I’m lucky enough to have a Windows 8 tablet, I was looking for a simpler way to do basic tests on my classical laptop without switching to the tablet each time. While looking for that,...

I got nice feedbacks on my 2 previous small tutorials: - Windows 8 HTML5 Metro Style App: How to create a small RSS reader in 30min (part 1/2) - Windows 8 HTML5 Metro Style App: How to create a small RSS reader in 30min (part 2/2) But many of you sent...

Au sommaire : - Canvas et SVG : 2 façons de dessiner à l’écran - Les librairies et les outils utiles - Les frameworks de jeux - Les tutoriaux pour démarrer - Des exemples de réalisations en ligne et des retours d’expérience Je passe mon temps ces derniers...

I’d like to share with you something not related to my usual Windows 8 & HTML5 development activities. It’s linked to another great passion I’ve got: composing music. But it could interest some of you to know how I’ve managed to compose on my free...

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