Papermashup

Latest Posts


Subscribe


Tweets


"RT @richardosman: I bet people who narrate audiobooks always have their voices recognised the second they start speaking at 1.25 speed."

@ashleyford 5 days ago

"All the high value adverts on display tonight! #itv #xfactorfinal #xfactor"

@ashleyford 1 week ago
Papermashup

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


Tutorials10

Display breadcrumbs on your site using PHP

When you have a fully dynamic site it’s useful to show the user where they are by breaking down the URL structure so they can navigate backwards through the site. For example this url: http://papermashup.com/categories/jquery/ shows that ‘jquery’ is part of  ‘categories’ so the user could navigate backwards through [...]

AshleyAshley

Creating Automatic MySQL Database backups

Every database needs to be backed up and if you’re currently doing it manually you can stop because there’s a simple solution using PHP for small scale sites. With this script you can either pass a specific table to backup or choose to backup the whole database. How to implement The best way to use the script below is to copy the [...]

AshleyAshley

PHP Language Detection

I was looking for a simple way to automatically detect a users language using PHP and came across this interesting snippet which does just that. It uses the PHP superglobal ‘HTTP_ACCEPT_LANGUAGE’ which returns something like this for me “en-US,en;q=0.8”. This is the contents language code of the header from the current [...]

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

HTML5 background gradient effect

Yesterday I looked at Geo Location through your web browser and today we’re going to be looking at using the HTML5 canvas to manipulate the colours on mouseover of a background element. The demo was originally put together by Remy Sharp. Lets have a look at the code below. About the Canvas The Canvas tag is basically an image tag without [...]

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

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