Papermashup

Latest Posts


Subscribe


Tweets


"Can you think of a way the power of Twitter could be harnessed to create a beautiful design or solve a problem? https://t.co/suQQKZflS8"

@ashleyford 6 days ago

"RT @sdw: Minimum Viable Millennium Falcon (MVMF). http://t.co/vAImbWmPAU"

@ashleyford 1 week ago
Papermashup

Web design and development tutorials, scripts and downloads.


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

5 tips to designing better landing pages

Marketing your site to the right audience and getting your core message across is crucial in order to sell your product or service. There is no single formula to achieve this, only different strategies and tests will lead to a landing page that suits your products needs. 1. Call to action Users will click on a call to action buttons because [...]

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

Latest tweets tooltip plugin with jQuery

Whilst browsing my feeds I found an interesting post by Cody over at Codrops on how to add a twitter tooltip popup on any paragraph of text. You can find the main plugin here: jQuery Twitter Search Plugin or view the demo The Code Oh well there’s not much to brag about here but here’s how to initialise the plugin. The popup box [...]

AshleyAshley