Papermashup

Latest Posts


Subscribe


Tweets


Papermashup

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


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

Lightweight Mobile Browser Detection

This simple lightweight piece of code developed by Andy Moore and modified by Mobiforge allows you to redirect your users through to a mobile version of your site. The best way to do this would be to include the following code into the top of the index page as this is most likely your first point of entry. It is advised as i did in the iphone [...]

AshleyAshley

IoBridge Module

A few months ago i purchased the ioBridge module which allows you to control electronic devices over an internet connection anywhere in the world. I’m intrigued at the collaboration of the internet with real life electronic devices, and being able to write PHP and JavaScript to control and interact with objects in the real world. The [...]

AshleyAshley

Simple jQuery Show/Hide Div

Here’s a simple tutorial on how to show/ hide a div using jQuery. First we include the Google jQuery library, the next steps simple. We now setup a click event listener which is triggered when a users click the and object that has the class ‘show_hide’ which then toggles the div element with the class ‘slidingDiv’. [...]

AshleyAshley

Use PHP to Gzip CSS files

Minimising the time a user has to wait for a web page to load is crucial. Using Gzip and PHP we can minimise file sizes of CSS files. This technique is a powerful and simple way to reduce page download size and speed up your site that will work with most PHP installations, even those on shared hosting that don’t have mod_deflate turned [...]

AshleyAshley

Build an API

If you type in a URL to a web site in your browser and that URL returns data in a structured format, then a basic API is already in place. For example, when you access an RSS feed, you’re essentially using an API. You type in a structured URL “asking” the server for information in RSS format and the server (usually) spits [...]

AshleyAshley