Papermashup

Latest Posts


Subscribe


Tweets


"An introduction to the BEM methodology https://t.co/RU3proZ1oM https://t.co/Pk1h3s6RxJ"

@ashleyford 13 hours ago

"Uber reportedly almost booted from the App store for tracking iPhone users https://t.co/opmlIct4oC https://t.co/ShhNvxYJie"

@ashleyford 17 hours ago
Papermashup

jQuery

It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API

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

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

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

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

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

Using jQuery Arrays

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

AshleyAshley

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

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