React YouTube Video Background

The first time I saw a video background on a website, I became obsessed. I thought parallax backgrounds were cool, but this was on a different level! Most video backgrounds use the video tag, paired with a small video file that's optimized for the…

Featured Blog Images In Gatsby.js

With Gatsby.js , it's pretty easy to get a static site up and running with one of their starter templates. The gatsby-starter-blog ( https://github.com/gatsbyjs/gatsby-starter-blog ) demonstrates how a Gatsby static site can function with blog…

An Introduction To Using Gatsby Image

With the rise of mobile browsing, the optimization of images on a website is more important than ever. If a site is image heavy, it's always a good idea to lazy load images that are further down the page to speed up the initial render. However…

From Wordpress to Gatsby.js

For the past 8+ years, my go-to weapon of choice when developing a website has been WordPress. According to a recent statistic by W3Techs , about 29% of all websites on the internet are built using this popular CMS. That's a HUGE number, and for…

Gatsby Starters and Templates

View my collection of website templates for Gatsby.js. Gatsby is a static site generator which uses modern web technologies such as React.js, Webpack, and GraphQL.

View Templates

My name is Hunter Chang and I've been a professional web developer and designer for over 8 years. I graduated in 2008 from the College of Architecture and Planning at the University of Colorado, Boulder. I'm currently working full time as a front end engineer at Marketing 360.

I enjoy web design and development because everyday is a new and fast-paced learning experience with unique challenges to overcome. Outside of work, I dream about seeing the world and experiencing all that it has to offer. My favorite things include traveling, exquisite cuisine, ramen, and Korean pop.