Javascript / HTML5

Over the last few weeks I re-wrote an application three times (for a number of reasons), but mostly because I wanted to see how to: 1. Manipulate blob storage 2. Merge images You can see how I did it all here: Node JS Azure Function (C#) Web API It’s all well documented in the README.…

Learning a new front-end framework can be time consuming and often very difficult, due to the complexity that JavaScript allows for because it is a dynamically typed language. Whenever I learn something new, I create a new tab in OneNote and keep a list of the tutorials, helpful GitHub repos, and questions I have along the way. It’s only…

One of my colleagues at Microsoft, David Catuhe (@DeltaKosh) has been building Babylon.js, a free and open source WebGL framework for gaming and visualizations over the last few years. I fell in love with it immediately, largely due to the documentation, samples, and sandbox to learn and play around in. ———————– @DaveVoyles Subscribe to my…

YouTube has pretty sweet stats overlay for any video through their player. I wanted to do the same for Azure Media Services, since it has a plugin framework. You can find the code on GitHub here. Try a live demo at Codepen.io See all of my Azure Media Services tutorials here. Azure Media Services Plugin…

The HTML5 gamepad API allows you interact with the web browser through a traditional gamepad, whether it is from Microsoft, Sony, or some other third party product. Bear in mind that it is an experimental technology, so that means it isn’t implemented in every browser (yet). Mozilla has some fantastic docs and examples for the…

@DaveVoyles Curious as to how you can speed up your JavaScript and HTML5 code with some simple tricks? Well this short video will quickly demonstrate a bevvy of ways that you can improve the performance of your front-end app. Sure, you’ll never get the performance of a native application, but the CPU and GPU in…

Writing code for multiple platforms can be a lot of work. It can be even more work to have to completely rewrite it for each one, too. What if you wrote an application in C++, but wanted it to be displayed in the browser somehow? Well now, with a tool called Emscripten, that’s possible. Emscripten is…

TLDR: Type safety, productivity, intellisense, and debugging. UPDATE: TypeScript 2.0 was released on Sept. 22, 2016 In continuing with my recent trend of using TypeScript, I wanted to illustrate how to create functions and variables in TypeScript, because this initially threw me into a loop. The code for this example can be found here. JavaScript and C#…

TLDR: Use typings install –ambient <name of framework> to install type definitions UPDATE: TypeScript 2.0 was released on Sept. 22, 2016 The code for this project can be found in this repository. I’m still pretty new to TypeScript and trying to get the hang of things. One thing I’ve had a difficult time with is getting type…

I recently started using TypeScript for a new project, and hit a few snags along the way. The first of which, was that my local project was using an older version of TypeScript, specifically 1.0.3.0 . This was odd, because I had just installed the latest version of TypeScript, but globally and locally. I searched around and…