Masking in CSS


As far as CSS features go this is still relatively new. Because of this, support can be spotty. So let’s check out caniuse.com. Caniuse is a website created by a friend of mine Alexis Diveria, that shows you what features are supported on which browser versions.

Read more...

Masking in Design Tools


Before digital imaging similar effects to masking could be achieved through double exposure, where film is exposed to multiple negatives or shapes which combine the visible portion of the photographs. In digital media this uses the pixel values of one image to manipulate the transparency of the other.

Read more...

Beyond Parallax


This is my last episode in my series on parallax. I’m going to go through one quick demo of how we can trigger events on items based on their position in the viewport.

Read more...

Mouse Parallax


In the fifth installment of my Parallax deep dive, I discuss how to use mouse movement to apply a parallax effect.

Read more...

Scrolling on a Path


In the fourth installment of my Parallax deep dive, I discuss one technique to animate elements along a complex path.

Read more...

Advanced Parallax


In the third installment of my Parallax deep dive, I go into how to implement more advanced parallax on elements that are further down the page.

Read more...

Basic Parallax

In the second installment of my Parallax deep dive, I go into how to implement basic parallax on the web. I also discuss some other things to consider when implementing parallax.

Read more...

Parallax Deep Dive

Welcome to the first part of my deep dive into parallax. In this part we’re going to talk about what parallax is, how it relates to the web, and whether it’s just a fad.

Read more...

New Site

Recently I redesigned my website (cjgammon.com). Personal sites are kind of a constant background project for me and a great way to keep exploring and learning. I like to keep it clean with some animation and effects. One of these effects is a subtle WebGL background animation using white and off-white semi-transparent beams. I think this keeps the site clean while adding some visual interest without too much noise.

Read more...

Script Analog Game Design with SVG

I have a great passion for games of all kinds. Since I was a kid board games were always something I enjoyed and I even would sketch out and make up my own out of cardboard. So as my kids get older and we start playing games together I thought it would be fun to design our own. To make this easier I made some code snippets that are tools and templates for making various games using SVG.

Read more...