Papermashup

Latest Posts


Subscribe


Tweets


"RT @finance_LL: I'm going to cancel Netflix and negotiate with each film producer separately, to get the best deal for me and my family #Br…"

@ashleyford 5 days ago

"The very best top news stories from Telford #BreakingNews https://t.co/B4SmSW1a7V"

@ashleyford 5 days ago
Papermashup

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


Design10

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

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

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

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

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

Building an animated 3D poll

Regular readers of Papermashup will have seen the post that I wrote last week on Easy Poll, the personal project that I launched a few weeks back that allows you to create a simple 2 answer poll that you can share and gather feedback on. You can read the post about it and check out easypoll.papermashup here I’d love to hear your feedback. [...]

AshleyAshley

Build a jQuery content feature like MailChimp

I was scouring the internet for inspiration the other day and revisiting some interesting sites and noticed that MailChimp had changed their homepage integrating a slick full page slider. After a little investigation I noticed that they were using the jQuery Cycle plugin which allows you to rotate, paginate or cycle a set of images. I’ve [...]

AshleyAshley