SOCi Social Health Check

Lead generating web app for social media promotion company SOCi.

The West Story

WebGL and Service Worker enhancements to a custom web-based slideshow app built with React.

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

GZ Playground

The PWA Philosophy

2019-02-12

From my #presentation to the Fredericksburg Developer Group: The Progressive Web App Philosophy. If you couldn’t make it, check out the slides below. And the source for the 10 Minute PWA demo is on Github.

GZ Playground

Web experiments and other fun stuff

Skippy Art

An HTML5 canvas app that simulates drawing in Skippy® peanut butter with your finger.

Theraflu Thermoscanner

Angular PWA featuring HTML5 canvas image manipulation from a thermal camera feed.

92Y VR Experience

An immersive Web VR video showcasing the future of 92Y.

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

Xmas Eve Nightmare

2018 Edition

2018-12-24

Just in time for #ChristmasEve the 2018 version of Xmas Eve Nightmare is done. This is the first year it has a complete story, albeit a short story, with an ending. It also has all new cover art to fit the new story.

Xmas Eve Nightmare

PWA Action

2018-12-23

Happy #Festivus! For my feats of strength I’m giving Xmas Eve Nightmare #PWA powers. It doesn’t have offline support yet but the layout is all cleaned up and it prompts for install on #mobile.

ConEdison DSM

WordPress site featuring interactive virtual tour of an energy efficient building, custom data types and SalesForce integration.

Ivanka Trump Storefront

Website and ecommerce solution for the Ivanka Trump brand.

AutoCraft

Custom WordPress site built for auto customization team AutoCraft.

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.

GZ Playground

Christmas Ghost Break Room

2018-12-19

Not #web #development related but I had this idea over a decade ago and finally fleshed it out: Once a year the spirits of #Christmas visit a troubled soul and show them the error of their ways. Grab a sneak peak behind the scenes as the ghosts of Christmas past and future relax while their... Read the full article

Xmas Eve Nightmare

New Cover Art

#Pencil drawing of new cover art, for the revised 2018 Xmas Eve Nightmare story. Going with a much shorter, but complete, story this year. You’re about to learn that everything you know about #Christmas is wrong!

Estée Lauder Breast Cancer Awareness

Custom WordPress site built for the Estée Lauder Companies’ Breast Cancer Awareness Campaign 2017.

Jo Malone English Oak Experience

Custom website built for the Jo Malone English Oak product launch.

Sherwin-Williams Donate Your Color

A Chrome browser extension developed for the Sherwin-Williams Donate Your Color campaign.

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.

GZ Playground

CSS Blurry Christmas Lights

2018-12-11

Lots of blurry colored lights make for a great #holiday background. I set out to create a procedurally generated background that could be tweaked easily. The effect uses a pure #css solution. #SASS variables are used to simplify the color application. This demo uses JavaScript to randomize the color and position of the lights.

Xmas Eve Nightmare

Location Themes

2018-12-03

#Flux now supports themes for each location. The theme overtakes the content area by applying a class name set in the editor. The theme styles are set in the project theme #sass file.

Xmas Eve Nightmare

Last Year’s Content is Back!

2018-11-25

Last year’s content is finally in the new system. The change to dialog trees made most of the old content incompatible so I had to do a lot of copy/pasting. This year I decided to simplify things a lot and am ditching The Mall all together in favor of treasure hunting throughout the house. The... Read the full article