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…
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.
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…
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.
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…
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.
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…
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…