We’re going to see in this article how to create a JavaScript extension that works across all modern browsers using the very same code base. Indeed, the Chrome extension model based on HTML, CSS &[…]
Category: Tutorial
Tutorial: creating a small 8-bit responsive drum machine using Web Audio, SVG & multi-touches
Through this small tutorial, I’m going to share some tips I’ve recently used to build a fun demo for the //BUILD Tour. The idea was to create this small 8-bit drum machine with 8-bit sounds[…]
Debugging your HTML5 on Xbox One / MS Edge with the Xbox Windows Store app and Vorlon.js
Starting yesterday, a new update is available on Xbox One. I really love the new dashboard and the Xbox 360 backward compatibility as a gamer. But as a web developer, I’m more than happy to[…]
Creating fun & immersive audio experiences with Web Audio
Today, thanks to the power of the Web Audio API, you can create immersive audio experiences directly in the browser. No need for any plug-in to create amazing experiences. I’d like to share with you[…]
Unifying touch and mouse: how Pointer Events will make cross-browsers touch support easy
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[…]
Testing & debugging your WebGL & HTML5 experiences on Android & Windows Phone thanks to the Visual Studio free emulators
With the recent availability of Visual Studio 2015 RTM came the free Visual Studio Emulator for Android. Let’s see how to test your WebGL experiences on these very fast Android emulators. As a reminder, I’ve[…]
Understanding collisions & physics by building a cool WebGL Babylon.js demo with Oimo.js
Through this tutorial, we’re going to learn the basics of collisions, physics & bounding boxes by playing with the WebGL Babylon.js engine and a physics engine companion named oimo.js. Here’s the demo we’re going to[…]
Enhance your JavaScript debugging life using IE11, Chrome, Opera & Firefox source map support
As a JavaScript developer, I’m sure you’ve already been falling into this scenario. Something goes wrong with the production version of your code. Debugging it directly from the production server is a nightmare. Simply because[…]
How to remotely debug and profile the performance of your HTML5 websites & apps on Windows Phone
People are often asking me this recurrent question: how do I remote debug my website/app on a Windows Phone? Let me share the various ways to do it. Since Visual Studio 2013 Update 2 and[…]