How They Did It

The videos are “draggable” using JavaScript; this is the primary interactive element of this page. The cursor changes to cursor: move via JavaScript. A great deal of math and cross-device capability checks are in the JavaScript for the draggable functionality of the videos. In particular, the touchstart and touchend events are used if available (instead of mousedown and mouseup). A significant amount of the JavaScript that is pertinent to this page is dedicated to the smooth kinetic scrolling. Try dragging the video quickly and letting go; similar to Apple’s built in scrolling behavior, we see the video strip retain velocity and slow down over time. (more…)

Web Design Workshop

Play nice! We deliberately select work which will benefit from advice and pointers. If you can’t be constructive in your comments, don’t. Other than that, offer any advice you can give. Feel free to link to examples and images which back up your points.

Today we will take a look at how to add some sense of depth to your photographs and thus make them become alive and more interesting to the viewer. By making use of some simple but very effective factors that can be applied at the time of exposure, you can make a your picture pop. Today, we’ll talk about perspective, depth of field, and framing.

(more…)

Best of Tuts+

There’s rarely a better way of learning web design than to watch over someone’s shoulder for the duration of a complete project; this is your chance to do just that.

Through the course of this web design Session you’ll learn many things from Adi Purdila; from setting up a baseline grid in Photoshop, working with adaptive layouts, refining your coding workflow, to WordPress theme and plugin creation. There’s a lot to take in, but if you stick with it we guarantee you’ll walk away with a host of new skills under your belt.

There’s article after article on websites that talk bout how to make a great logo. But If you’re a logo machine, and you’ve been doing it for a long time, chances are that you’ve developed some pretty awful habits. How do I know this? Because I suffered from some of the same habits I’m about to talk about. A true master of logo creation will refine their work on every project, forcing themselves to get better with each design. It all boils down to a few key things to avoid when you’re creating a logo. While you can take a stab at selling generic logos on places like GraphicRiver, you’ll do your best work when you deeply understand your clients and their company. (more…)