Photo + Video

New videos from Yelapa, Mexico

Earlier this year I traveled to Puerto Vallarta to take part in a friend’s wedding. Looking to extend the trip, I stumbled across the beautiful Casas Santa Cruz, promising a “Swiss Family Robinson” style retreat about forty minutes down the coast via water taxi. After spending a week in a resort for the wedding, these […]

Learn

Adding single page “scrolling” navigation to your site

Adding “scrolling” navigation to your website can be helpful in a bunch of different scenarios. This tutorial show you how to use some popular jQuery plugins to easily add flexible nav options to your site. You can preview how this looks in the demo (opens in new tab). I’ve opted for an older version of his […]

Learn

Basic introduction to jQuery (Part 4)

Okay, this is the last part of the “intro to jQuery” tutorials… you can start with the previous tutorials if you’d like: Part 1 | Part 2 | Part 3 This time, we’re going to round out the function­ality of the pop-ups by adding an optional “close” button inside of the pop-up, and use some different […]

Learn

Basic introduction to jQuery (Part 3)

Part three of learning jQuery extends the last tutorial. This time, we’re going to add multiple methods inside a single function, and learn about condi­tional state­ments. At the end of the last tutorial, we built some pretty solid looking tooltips (and that same method can be used to make a whole bunch of pop-up-type devices, […]

Learn

Basic introduction to jQuery (Part 2)

This tutorial directly follows the previous “Basic Intro­duction to jQuery (Part 1)”, so start there if you haven’t seen it yet. Previ­ously, we wrote a very simple jQuery function to make a pop-up box show up when we click on a button. Check out the Pen below to see what this looks like, as well as […]

Learn

Basic introduction to jQuery (Part 1)

I’ll confess that when I was learning web devel­opment, javascript seemed intim­i­dating. But it really doesn’t have to be. If you under­stand how to select HTML elements with CSS (do you know how classes work?), then you can easily transition into under­standing Javascript with the help of jQuery. I should note that there are tons of […]

Learn

Building a CSS dropdown menu

One of the most basic features that the majority of websites share is a simple navigation menu that often includes some type of “dropdown”. These days, menus can take all shapes and forms, from the simple stacked list (left, below) to the “mega” menus including photos and other media (right side, below). We’re going to […]