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


CSS10

Simple CSS3 Animations

The days of static content are well and truly dead and buried, Halleluja for CSS3! Recently i’ve been using this snippet of CSS in most of my projects to add slick transitions on page load. You can even add the CSS classes to ajax loaded content and on show the animations will kick in. How To Use You have to add the ‘animated’ [...]

AshleyAshley

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

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

jQuery page scrolling

Over a year ago I wrote an article on scrolling a page using Prototype, just to update things here I’m going to run through scrolling a page using jQuery and the animate() function. Automated page scrolling is useful in many cases. A good example of this technique can be found in the personal project i worked on a few months back ‘We [...]

AshleyAshley

easypoll a side project

I was sat in the sun at the weekend and sporadically decided to do a little project like wedeliver you can read about the adventure I had building the 24hr project here. This project on the other hand probably took about 24hrs to complete but I built it over a few days. It’s basically a site where you can create a simple 2 answer poll, [...]

AshleyAshley

Building a fancy jQuery header feature

I’ve recently been working on a project where a client came to me with an idea to create a feature on their homepage which shows three sections of dynamic content, this lead me to think about writing a tutorial on how to create a jQuery feature such as this. I remember a few years back seeing a similar technique on a website but back [...]

AshleyAshley

Simple CSS Navigation

Navigation is a key feature on any site and for a front end web designer or developer there’s nothing more important than creating the perfect navigation menu. Today I’m going to run through how to create a pure CSS navigation strip using basic HTML and CSS. This will give you a basic understanding of how to put together a CSS [...]

AshleyAshley