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

SwiperJS

2020-07-25

I wanted to go with a lighter weight slider library than the one I’m currently using. I chose SwiperJS because it’s lightweight, mobile friendly, and offered the customizations I needed. Videos are now integrated into the screenshot slider, a feature I’ve been meaning to add for a long time.

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

Page Headlines

2020-07-24

In order to unify the primary page layouts with the post pages. I added the same style page headline, minus the hero image. I also didn’t like the way the sidebar was floating so this grounds it.

Portfolio Filters

2020-07-18

The new portfolio filter buttons use a combination of page anchors and #javascript to eliminate page refreshing. The buttons operate as a toggle, clicking a second time removes the filter.

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.

Mobile Sidebar

2020-07-17

Rather than try to stack the sidebar content like the old site, I opted for a slide-out version. This gives me more freedom to add content without worrying about the overall layout. The mobile sidebar sizes to the screen and scrolls overflow content.

Related Portfolio

2020-07-11

To help improve content #discoverability, now any detail page on the site (portfolio/article/update) can display portfolio posts with matching tags in the sidebar. Mainly this will promote related items in the portfolio, but also adds the ability to write an article about a portfolio post and automatically reference it.

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.

Home Page Updates

2020-07-10

Featured portfolio and update posts added to the home page. This works exactly the same as the current site but they’re now separated into clear groups.

Related Project

2020-07-05

Expansion of the sidebar posts added to the updates page. Articles can now have a project tag which will display a link to the project and recent update posts.

Home Page Hero

2020-07-04

The new hero section of the home page. For now it will display a featured project but eventually portfolio and article content as well. It’s accompanied by two selected articles and projects.

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.