Latest Posts



"RT @design_hooks: How to create a mobile preview tool with pure CSS by @ashleyford #css #iframe #tool #demo"

@ashleyford 34 minutes ago

"@smashingmag Thanks for sharing my article :)"

@ashleyford 1 day ago

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

The jQuery Animate Method Explained

One of the most fun parts of working with the web is animating elements on a web page. For animations, not only do we have to understand the effects across different devices, but also the elements that change the visibility, and properties, either at a particular time or in response to an event, for example altering the size of an element [...]


Understanding your browsers plugins

Browser plugins help you view PDF documents, Flash content and can also make audio and video files work better. Have you ever needed to use a certain plugin in your code but you are not sure whether it is installed in your browser? In this tutorial we cover a simple JavaScript snippet that helps you find the plugins installed in your browser [...]


Taking a look at Parallels Desktop for Mac

I’ve been using Parallels for a while now and it’s by far the easiest way to get Windows running on a Mac, and what’s more Parallels Desktop for Mac Business Edition adds centralized, administration, management, and great security features, while still delivering the best performance for the most seamless native solution [...]


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


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


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


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