John Pezzetti's Blog

You’ve probably noticed it before…or maybe not. If you’re navigating through pages of a site, some of which have scrollbars and some of which don’t, the while site will shift ~20px every time you load a page that has scrollbars. This is true in all modern browsers (IE8, FF2.5+, Opera, Safari, Chrome). In fact, the [...]

I’m going to miss my Sentra, but I’m stoked about the new M.

In this tutorial I’ll run through how I created the 2-dimensional wave effect seen on Other Half Full. It’s built with the HTML5 canvas element and javascript. I also used jQuery, but you can get by without it. Creating the wave turned out to be an interesting problem. I wanted the wave to originate at [...]