Papermashup

Latest Posts


Subscribe


Tweets


"RT @kycutwilson: @ashleyford @burgerbeartom incredible. There's 5 more left! Shout about it!!"

@ashleyford 3 days ago

"@burgerbeartom @kycutwilson finally got around to using my free burgers for life! And we weren't disappointed. http://t.co/nJ6p2nLtg4"

@ashleyford 2 weeks ago
Papermashup

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


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

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

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

HTML5 Geo location using the Google API

HTML5 came on the scene around the beginning of the year, but as we’re seeing more browsers becoming more¬†sophisticated and applications more intelligent how can we use HTML5 to our advantage and what can it do to make life a little easier. Well one of the things we can do is plot your location on a Google map using the maps API and [...]

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 Face Detection

Jay Salvat just posted a brilliant plugin that automatically detects faces in a picture. You can download the code from Git Hub or check out the demo here The plugin is fairly easy to integrate into a social application, all you need to do is add the following code to a page so when you click the ‘detect faces’ button the plugin [...]

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