Papermashup

Latest Posts


Subscribe


Tweets


"@KBedders @elerichardson I'm Free!!!!!! Call / Whatsapp me!!!"

@ashleyford 2 weeks ago

"@KBedders moomin!"

@ashleyford 3 weeks ago
Papermashup

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


jquery10

Mini Javascript Clock with jQuery

I was working on an interesting project where I thought a mini javascript clock would be awesome to display a user inputed time. I’m yet to fully implement it into the project at the time of writing but I wanted to share it. The HTML Simply setup the .clock div with our hands inside. You set the time for the clock using the data-hour [...]

AshleyAshley

Create an Animated Timeline with jQuery

I’ve been meaning to write about this plugin for some time but never got around to it until now! This great plugin written by csslab.cl helps you beautifully present timelines and has support for both horizontal and vertical layouts. jQuery Timelinr After including the timelinr.js plugin file, to get it working all you need to do is [...]

AshleyAshley

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