Papermashup

Latest Posts


Subscribe


Tweets


"RT @kycutwilson: @ashleyford @burgerbeartom incredible. There's 5 more left! Shout about it!!"

@ashleyford 5 days ago

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

@ashleyford 2 weeks ago
Papermashup

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


Twitter CLI using “t”

I stumbled across this awesome command line interface that allows you to do some pretty cool stuff with Twitter. To get started you need to install the Ruby GEM. On Mac first check that you have Ruby installed. If you see something like this you’re good to go. However if you see the below you’ll need to head over here and install [...]

AshleyAshley

Browser Notifications API

The Notifications API lets a web page or app send notifications that are displayed outside the page at a system level. This lets web apps send information to a user even if the application is in the background or idle. It works in a similar way to Growl notifications. Each browser if supporting this feature will have their own design style. [...]

AshleyAshley

PHP array to CSV Function

Sometimes we need to export and convert data from a database into a CSV format that can be downloaded and manipulated for other purposes. This function will loop through the multi dimensional array and convert the data to CSV format and output the download to the browser forcing the headers to download the file. The Code

AshleyAshley

5 CodePens You Missed This Week

CodePen is a playground for the front end side of the web. It’s all about inspiration, education, and sharing. Here are a few awesome demonstrations of what you can achieve with CSS, HTML and JavaScript. Shapes Animation The Solar System Shattering Image Animated SVG Text WebGL Particle And Light Render

AshleyAshley

Mini Javascript Clock with jQuery

I was working on an interesting project where I thought a mini javascript clock would be awesome to display a user inputed time. I’m yet to fully implement it into the project at the time of writing but I wanted to share it. The HTML Simply setup the .clock div with our hands inside. You set the time for the clock using the data-hour [...]

AshleyAshley

D3.js Radar Chart Plugin

I’ve had a love hate relationship with D3 over the last few months, some things are incredibly easy to get your head around and other parts of the API are just mind bendingly bonkers. I recently had to create a radar chart using D3 and found this awesome plugin created by Alvaro Graves which allows you to create great radar charts like [...]

AshleyAshley

Simple CSS3 Animations

The days of static content are well and truly dead and buried, Halleluja for CSS3! Recently i’ve been using this snippet of CSS in most of my projects to add slick transitions on page load. You can even add the CSS classes to ajax loaded content and on show the animations will kick in. How To Use You have to add the ‘animated’ [...]

AshleyAshley

Gauge Bootstrap Theme

  I’ve been super busy over the last few weeks, and one of the things i’ve been working on is a theme for Twitter bootstrap. It includes the following features and is available for just $15! If you’ve not used Bootstrap you’re missing out, it takes all the heavy lifting out of frontend development. Gauge Admin [...]

AshleyAshley

Create an Animated Timeline with jQuery

I’ve been meaning to write about this plugin for some time but never got around to it until now! This great plugin written by csslab.cl helps you beautifully present timelines and has support for both horizontal and vertical layouts. jQuery Timelinr After including the timelinr.js plugin file, to get it working all you need to do is [...]

AshleyAshley