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

The Artist

2020-06-01

More artwork for the website footer, adding color and the final details in #Photoshop. Call him “The Artist”. This one is going in the left margin, opposite the one using a laptop. In the painting is the first character I ever made “The Giant Mutant Slug Monster”.

GZ Playground

Web experiments and other fun stuff

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

New Portfolio



I took a stab at styling the portfolio page to match the look and feel of my home page comp. I still have to optimize the images and add mobile breakpoints but I’m pretty happy with the way it turned out.

VR Zeta



One of the new Zetas for my website footer. You can see the original pencil sketch behind the final #illustrator line art. Each Zeta in the footer is going to represent some aspect of the work I’ve done. This one’s playing with a #VR headset.

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.

Estée Lauder Breast Cancer Awareness

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

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.

Home Page Design

2020-05-27

Second draft of the new home page. Cleaned up the top section and added standardized headers. I also fixed up the typesetting. The idea here is that the hero, and possibly all the featured projects, will be a 2-5 second looping video.

About Page

2020-05-25

The new About page looks pretty close to the old one. The new layout uses flexbox with a fixed width side bar. This template will be used across all post pages throughout the new site.

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.

Hulu – Come TV With US

HTML5 banner ad campaign for Hulu trade advertising.

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.

Background Test



At this point the responsive background is functionally complete. FPO artwork leaves a good impression of what the final will look like. This allows me to lay out the rest of the pages while making sure they work visually in context of the background.

Responsive Background

2020-05-24

Here’s a look at the rough styled background for the site. On wide screens it expands out into the margins and is partially visible around the page content. Scrolling down all the way the complete footer is revealed which is visible at any screen size.

WP-SCSS

2020-05-23

The WP-SCSS plugin, by @ConnectThink, has become an invaluable part of my workflow in this project. It allows me to write my stylesheets in #SASS and then automatically transpiles and minifies the final css on the next page load. In the past, I would do this in a local setup using the command line. Now... Read the full article

Estée Lauder Breast Cancer Awareness

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

Converse Counter Climate Banners

HTML5 banner ads for Converse “Counter Climate” campaign.