I came across this nicely designed audio player on CodePen, put together by Michael Zhigulin It uses the waves.js click effect library...
Design
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 [...]

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. [...]

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 [...]

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 [...]

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 [...]

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 [...]

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. [...]

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, [...]

Get started with jQuery Tools
It’s so easy to go on the hunt for a plugin for a project and end up with multiple plugins all doing different things maintained and managed by separate developers, but wait there’s a common solution to this problem with jQuery Tools. jQuery Tools packages up some commonly used functions which are relatively easy to manipulate [...]

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 [...]
