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


jQuery10

jQuery dynamic number ticker

This is a fascinating little script that helps you display a dynamic JSON feed of numbers that automatically updates on the page by animating up or down to the current number. A great addition as part of a realtime analytical dashboard. The Code There are three functions in total. The first one ‘format_number’ which works the same [...]

AshleyAshley

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 Show / Hide Plugin

Due to popular demand here’s a re-written version of the tutorial I wrote over a year ago on how to show and hide content using jQuery. After I first published the post I’ve had a lot of requests as to how you can show and hide multiple divs so I’ve written this plugin which does all the work for you! The Plugin The Usage [...]

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

Dynamically updating times using jQuery

With the rise of Facebook and Twitter we’re so used to instantly updating data and being able to judge fresh content almost instantly. Facebook for instance automatically updates how long ago someone left a comment on the fly without even refreshing the page. There’s an easy frontend solution to generating this. and here are the [...]

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

Optimise your site for mobile devices

With the advent of smart phones and more powerful handheld devices like the iPad are your mobile users having the best experience? The mobile arena introduces a layer of complexity that can be difficult for designers and developers to accommodate. Mobile development is more than cross-browser, it should be cross-platform. Add a Mobile Stylesheet [...]

AshleyAshley