Papermashup

Latest Posts


Subscribe


Tweets


"@burgerbeartom @kycutwilson finally got around to using my free burgers for life! And we weren't disappointed. http://t.co/nJ6p2nLtg4"

@ashleyford 6 days ago

"RT @MAA: Insight from @CommunicatorHQ on the need for brands to take a long view on social responsibility http://t.co/4wWA3A2TOc"

@ashleyford 2 weeks ago
Papermashup

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


Particle Animation with Javascript and Canvas

Here’s a great example of particle animation using the HTML5 canvas. It’s important to note this uses the 2D canvas instead of using the cool but not widely supported WebGL 3D context. checkout the demo. In the demo you’ll notice the whole space containing the particles rotates slowly around a vertical axis giving the animation [...]

AshleyAshley

Prototype iPhone apps with Javascript and HTML

Ratchet is a great way of prototyping iPhone apps and has a whole host of functionality. It also takes advantage of Push.js which when connecting your pages allows you to create a prototype that feels like a real app when you save it to your phone. Push.js basically loads in the pages and animates between them much like the animation effects [...]

AshleyAshley

PHP Clever Caching

This clever bit of code checks if a page has been modified since it was last displayed and if it hasn’t, it sends a “304 not modified” header and exits, otherwise the content is loads as normal. Add the code below to the top of each PHP page you want to apply it to. It’s especially useful if you serve static content [...]

AshleyAshley

Fade between a background image with CSS3

Creating an image rollover is pretty easy with CSS. Give the element a background-image, Then absolute position a span element within the div. Then you just need to set the opacity of the span element to 0, and animate the opacity on span:hover. This method uses a CSS sprite image, you could easily use two images but it’s best to save [...]

AshleyAshley

Show Google Plus’s – PHP function

Following on from yesterdays function to get likes and share data for a URL here’s a function to get Google Plus’s for any URL. The Code It’s worth pointing out you must have CURL enabled on your web server, I believe it’s enabled by default on PHP5 setups. Also the Key below Isn’t a unique API key you must leave [...]

AshleyAshley

Display Facebook likes / Shares PHP function

We launched a new product at Harkable last week called Daily Pulse – which tracks social data for any URL, you can also subscribe to receive email reports. I thought i’d share a bit of functionality similar to how we engineer Daily Pulse. The Code Below is a super simple function that retrieves a JSON feed of comments, likes and [...]

AshleyAshley

jQuery dynamic number ticker

This is a fascinating little script that helps you display a dynamic JSON feed of numbers that automatically updates on the page by animating up or down to the current number. A great addition as part of a realtime analytical dashboard. The Code There are three functions in total. The first one ‘format_number’ which works the same [...]

AshleyAshley

Automatic jQuery site subscription lightbox

I’ve had many of you email me asking for a tutorial that shows how to create the subscription lightbox that used to activate the first time you visit the site, and I’ve finally got around to writing it up. Getting Started You’ll need to include the jQuery library as well as the Colorbox lightbox JS and CSS which are included [...]

AshleyAshley