I’d never used Cufón 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 Cufón. Not that many people seem to know about Cufón though. Cufón uses a blend of font generator tools and JavaScript to create a custom font renderer in canvas and VML. Here’s how to use Cufón to render the Junction font for all your headers.

Generate the font
first of all you’ll need to head here and convert …

The MySpace Search API allows you to search MySpace for user, videos, images, and music. With an individual feed for each search item. It is designed to function like a search on the MySpace website and to have a response format that is compatible with OpenSocial. The API returns either JSON or XML and in this tutorial i’ll be using PHP and CURL to parse an XML response to build a simple MySpace search page.
Application use
Open Search could be used to mash data using the …

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.
I thought i’d cover how to create a 3d animated poll using jQuery and CSS similar to the polls page on Easy Poll.
The …

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 been looking for a full sized slider for a while now and was about to write a tutorial on building a plugin that does the same job.
The Code
Getting …

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 Deliver’ which you can find here. The page scroll in this project was particularly important as it’s a single page site in that …

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, you then take the link to the poll and share it on your networks allowing other users to participate …

I was recently in a situation where I needed to count a number of list items and pass the values to a form, I got around this problem by using JavaScript arrays, looping through the list items and picking up one of the attributes. I’ve created a demo page to show an example of this here. Lets run through the code. We start with our dom ready function which has two click functions one function toggles a class which is either added or removed from …