Papermashup

Latest Posts


Subscribe


Tweets


"The amazing $15 computer from @thepine64 arrived! Looks awesome guys - congrats on creating this masterpiece! https://t.co/SOAfx1JbFe"

@ashleyford 2 weeks ago

"@mediatemple are there problems with the GRID today? our site is currently down..."

@ashleyford 3 weeks ago
Papermashup

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


PHP Ajax Comments

Continuing with a rather ‘Ajax’ theme after the last few tutorials on here i thought I’d go the full way and show you how to create a 140 character php and ajax comments tool. We’re using jQuery to perform the ajax request and create the user experience. You can download all the files needed to get this working at the [...]

AshleyAshley

Drag & Drop with PHP & jQuery

The ability to drag and drop content on a page and have it save the order can make for a great user interface and is actually relatively easy to execute with a few lines of jQuery. You’ll need to include the jQuery user interface library which you can find here: Jquery Google API. All the files needed to get this up and running are in [...]

AshleyAshley

Simple jQuery tabs

This tutorial looks into creating a really simple tabbed interface using just plain HTML and CSS with the functionality and interface manipulated using jQuery. Tabbed interfaces are great for maximizing the amount of space you have on your site. Lets take a look at whats going on. We start with the document ready function. The first line of [...]

AshleyAshley

jQuery ‘Farbtastic’ colour picker

The Farbtastic colour picker is really easy to implement. Its great if your building a customisable interface for an online product in the same way that you can manipulate the design of your Twitter profile. Farbtastic uses layered transparent PNGs to render a saturation/luminance gradient inside of a hue circle. more info on the colour picker [...]

AshleyAshley

Create a dynamic form preview with jQuery

I recently had the need to build a dynamic form preview tool for work so clients could preview how the text and images would look before submitting the content to be published. I’ve trimmed down the code and removed the database part completely from this example so we can concentrate purely on the JavaScript. The JavaScript The HTML [...]

AshleyAshley

jQuery Ajax delete

Removing contents with Ajax is a useful tool to have in any web designers kit. Using a few lines of jQuery we can remove a div and simultaneously remove a record from the database with Ajax. In the download and demo you’ll see a small red cross to the right of each comment. Clicking the cross will remove the comment div with a slide [...]

AshleyAshley

Simple jQuery Gallery

Recently I was asked to code a really simple photo gallery with jQuery, so I thought I’d post it for all to use. Its really simple and is the first time I’ve built a gallery with jQuery. It works by taking the link to the large image from the rel tag that we set in our html code. we then replace the contents of the div with the [...]

AshleyAshley

jQuery Iphone Style Ajax Switch

I’ve been looking for a while at how to mimic the iPhone on / off switch with Jquery and stumbled across this post By Daniel LaBare over at elctech.com which is a great start to base an ajax tutorial on. In this tutorial I’ll purely be looking at making a simple ajax request using the functionality of the iPhone buttons to trigger [...]

AshleyAshley