iPhone Style Dragging for Both Desktop and Mobile with jQuery

January 8, 2013 at 5:31 pm By

When we create stuff for the web now it’s important we remember that the web has spread from the trackpad and mouse to the touch screen. Sometimes this is hard to accomodate for, but it’s not that hard to create some awesome cross device friendly touch and drag events with HTML5 and some smart styling! Getting Started I’ve made a…

Creating a Complete HTML5 Drag and Drop File Uploader with jQuery

August 7, 2012 at 5:27 pm By

Today we’re going to be creating a file uploader using HTML5 drag and drop, along with the file reader API and some PHP. We’ll also be using local storage to remember which files were uploaded by the user.

Slide-in Backgrounds with jQuery!

July 16, 2012 at 9:28 pm By

I decided to spend yesterday attempting to create this slide in background effect. Through frustration and a bit of effort I managed to accomplish it! In this tutorial I’ll give you a quick run down of how to go about creating this slide in effect. What we Want There are a few things we want to accomplish. The code I…

A Look at HTML5 Canvas Interactivity

May 17, 2012 at 5:00 pm By

The HTML5 canvas element allows for developers to implement interactivity and drawing which was previously undoable without the use of a third party program such as flash. In this article we’re going to be tackling the problem of interactivity, and how to accomplish it using HTML5’s canvas tag. You could expand upon this information to make a basic HTML5 game.

Placing Content in a Randomly Generated Mosaic Effect with jQuery

May 15, 2012 at 5:00 pm By

If you’ve ever visited Pinterest or 500px, one of the most striking features is how content is loaded. In this tutorial we’re going to be taking a bunch of normal div’s and placing them into a mosaic of different sizes and shapes. It won’t even be that hard!

Twitter Style Internal or Inline Popups

March 23, 2012 at 6:00 pm By

External popups often connote horrible ideas of advertisements and annoyance, and in general the web design community will try to sway you never to use a popup. At the same time though, an inline popup can give the user more information about something or give the user some options depending on what they clicked, while not being a nuisance since…

Making an Interactive Wall of Images With jQuery

February 2, 2012 at 5:48 pm By

In this tutorial we’re going to be making an Interactive Wall of Images for use as a background or perhaps for a portfolio. We’ll be using mainly jQuery and go through a lot of the basics and maybe you’ll learn a few new tricks along the way.

Stop jQuery Repeating on Multiple Instances

September 4, 2011 at 7:55 pm By

I’ll often run into this problem in jQuery where if you hover on and off something too many times it’ll repeat the action over and over again. Here’s some example code for an image that you can only partially see, and then which slides down on hover. If you were to leave it like this then if the user hovered…

jQuery 3D Parallax Scroll Effect

August 30, 2011 at 9:18 pm By

Parallax Scrolling Okay, so you might remember a bit earlier this month I made a post on a Parallax effect using images and mouse movements. However working recently on a theme for wordpress, which I hope to share with you guys eventually, I managed to create a pretty cool plugin for making 3D Parallax Effects when scrolling. I haven’t done…