Papermashup

Latest Posts


Subscribe


Tweets


"This is awesome! https://t.co/qHJdsLmTwY"

@ashleyford 3 days ago

"So this is what you've really been building 😂 @neilhewitt https://t.co/KlPclZASWV"

@ashleyford 6 days ago
Papermashup

JavaScript

(/ˈdʒɑːvəˌskrɪpt/) is a high-level, dynamic, untyped, and interpreted programming language.

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

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

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

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

Using Cufon font replacement

I’d never used Cufon font replacement until a few weeks ago when I was sifting through some code that another designer had written and noticed that he was using Cufon. Not that many people seem to know about Cufon though. Cufon uses a blend of font generator tools and JavaScript to create a custom font renderer in canvas and VML. Here’s [...]

AshleyAshley