Papermashup

Latest Posts


Subscribe


Tweets


"RT @danbarker: Strangely I saw a really shifty guy drop his wallet earlier today in London. When I handed it back he said "Let me give you…"

@ashleyford 7 hours ago

"RT @McDonaldsCorp: Black Friday **** Need copy and link****"

@ashleyford 7 hours ago
Papermashup

Web design and development tutorials, scripts and downloads designed for beginners right through to advanced developers


Downloads10

Automatic jQuery site subscription lightbox

I’ve had many of you email me asking for a tutorial that shows how to create the subscription lightbox that used to activate the first time you visit the site, and I’ve finally got around to writing it up. Getting Started You’ll need to include the jQuery library as well as the Colorbox lightbox JS and CSS which are included [...]

AshleyAshley

jQuery Fancy Switch

I wrote a post a while back on coding an iPhone style switch using jQuery. I’ve now put together a simple tutorial demonstrating how simple it is to build a switch that triggers two radio buttons in a field set. It also degrades gracefully if JavaScript is disabled just displaying the two radio buttons with labels. This tutorial is aimed [...]

AshleyAshley

jQuery UI Slider

I’ve been hugely inspired recently by the design work of Orman Clark from Premiumpixels.com and his generous selection of top quality PSD downloads. after seeing this beautiful design of a button and slider set I was eager to code up a working version using jQuery UI. You can grab the PSD for the design here along with tons of awesome [...]

AshleyAshley

jQuery list filtering

Here’s a clever little script that’s certainly useful if you want to give users the functionality to refine search results or filter product results. If you had a list of films with long titles this would be a quick and easy way to filter through the results. The Code The code below works by searching the text in the list items [...]

AshleyAshley

Automatically pull in user Gravatar images

I was browsing forrst.com and saw a pretty interesting code snippet from Chris Coyier from CSS-Tricks which is pretty useful for WordPress users and allows the gravatar of a commenter to be dynamically pulled into the comment box as soon as the user has clicked out of the email input field. The Code This code snippet is pretty easy to grasp. [...]

AshleyAshley

jQuery scalable fullscreen background image

I remember when fullscreen flash sites we’re all the rage in the mid 90’s with flamboyant splash pages enticing you in. A large number of these sites had an eye catching image that would full your browser regardless of the window size. Here’s how to set an image as the background for a webpage and make it proportionally scale [...]

AshleyAshley

Build a jQuery Plugin

Delving into the inner workings of jQuery and plucking up the courage to build a jQuery plugin can be a daunting task. In this tutorial I’m going to run through the basics of creating a tooltip plugin. We’re going to concentrate more on the plugin construction rather than the tooltip functionality outcome although i’ll show [...]

AshleyAshley

Build a MySpaceID Application

MySpaceID allows MySpace Users to easily come into your site and get going by bringing their identity with them. By allowing Users to link their MySpace account with your site, a Developer can enable social functionality. This guide is designed to give you a thorough understanding of the MySpace API as well as demonstrate with step by step [...]

AshleyAshley

jQuery form titles

I thought I’d share a little technique that I occasionally use when coding forms with a limited amount of space. It’s a simple effect that allows you to contain the form input or textarea title within the form allowing the user to click inside the form input to remove it. You often see this used on search fields The JavaScript [...]

AshleyAshley

MySpace Open Search API

The MySpace Search API allows you to search MySpace for user, videos, images, and music. With an individual feed for each search item. It is designed to function like a search on the MySpace website and to have a response format that is compatible with OpenSocial. The API returns either JSON or XML and in this tutorial i’ll be using [...]

AshleyAshley