The 10 Minute Progressive Web App

There are many frameworks and services that promise to turn your site into a Progressive Web App (PWA) easily. In practice, it’s really quite simple to do yourself. This article will walk you through the process of setting up a PWA so you can see how easily it can be applied to any website. Google’s… Read the full article

ARcostume: A Progressive Web App

ARcostume isn’t unique in placing AR widgets over your body. But it moves the starting point of Augmented Reality from an app, to something physical you wear. It’s something you can talk about immediately and show people with just one instruction: “Scan the QR code”.

Create A Neural Network With TensorFlow.js

TensorFlow.js is an extremely powerful machine learning framework. But its demonstration apps can be a little intimidating for newcomers. I wanted to make a straightforward example of a model that demonstrates the basics of TensorFlow.js. In this article walks through a simple classification model which solves for XOR.

nod.js

Google’s Cardboard viewer standard has no standard control scheme. This is what led me to write nod.js, a simple gesture based event system for Google Cardboard enabled web apps. It uses device accelerometers to detect a sharp motion in one of four directions: up, down, left and right. With nod.js you can implement actions such as next, previous, confirm and cancel without the need for an external controller.

Predator Vision

A recent project I worked on involved a thermal camera. At first it wasn’t clear whether or not we would be able to wire it into a web app. I decided to create a few alternative prototypes to fall back on, one of which involved motion detection. Anything moving is likely to produce heat. The effect works by capturing two frames, 3 seconds apart, from the live video feed. Even someone holding still to pose for the camera moves a little. Cheating, for sure, but the effect works really well.

Browser Based Voice Recognition With Pocketsphinx.js

My latest GreenZeta Original, HeyHilri! The World’s First Politically Inspired Digital Assistant, explores Javascript based voice recognition in the browser. When I started this project my first inclination was to use a web service. Finding a reliable service, that was affordable, was harder than I expected. Some searching led me to the project Pocketsphinx.js. Pocketsphinx… Read the full article

Making Skippy Art: HTML5 Peanut Butter Canvas

As part of the Skippy Yippee campaign I was tasked to create a web app which simulates drawing in peanut butter. In addition to a website, the campaign was set to have a duplicate experience inside of a banner ad as well as a mobile ad. HTML5 canvas was the clear choice as it was most… Read the full article

Overcoming Phonegap Memory Limits With Local Storage

During development of Turkey Volume Guessing App, it began to crash at random on the iPad 2. Being a Phonegap app, it was the age old problem of memory limits in Mobile Safari. In this case the app is generating three large uncompressed png images which must be stored for use at different points in… Read the full article

Applying Responsive Design to HTML5 Banner Ads

With the Chrome and Firefox teams making clear plans to deprecate Flash, the de-facto banner ad standard, there has been a frantic push to convert Flash ads to HTML5 format. HTML5 can replicate most of the features of Flash, but is often more complicated and time consuming to produce. I’ve spent a lot of time… Read the full article

The Prize Inside Updated

When a burger is a burger, and fries make no difference, choose your fast food by The Prize Inside! The Prize Inside received a major update last week. Completely rebuilt from the ground up with a much more efficient UI and all-new commenting system. As always, The Prize Inside tracks fast food restaurants by their… Read the full article