Latest Posts



"RT @charlesLeahy1: Bloody migrants coming over here blocking our roads #amphibiancaravan"

@ashleyford 13 hours ago

"RT @RandyRainbow: This is the only news I care about today 🦃"

@ashleyford 4 days ago


(/ˈdʒɑːvəˌskrɪpt/) is a high-level, dynamic, untyped, and interpreted programming language.

Awesome Material inspired audio player

I came across this nicely designed audio player on CodePen, put together by Michael Zhigulin It uses the waves.js click effect library inspired by Google’s Material Design. For this tutorial demo I’m using a royalty free track from What is Google Material? Google’s Material Design language has begun making its [...]


Getting started with easelJS

Currently, there are many frameworks for developing Javascript games like CraftyJS, ImpactJS, LimeJS and others. EaselJS gained popularity for being utilized in one of the first HTML5 game, Pirates Love Daisies. EaselJS is pretty neat because of it is extensively documented with an extensive list of examples, interesting projects and so on. [...]


Detect an AdBlocker with JavaScript

Adblockers are big business on the internet today, but how can you detect if a user is using an adblocker? The answer is pretty simple and only requires a few lines of code. First we need to set a variable to ‘true’, then we load a javascript file called adframe.js within this JavaScript file we set the variable to ‘false’. [...]


Get started with Grunt

What is Grunt? It can be summarized as an automation tool. Developers have to make sure that their code is to develop, and develop well. That’s why Grunt helps them to focus on developing quality code by automating tasks such as file minification, code and compile Sass and Less, etc. In this tutorial, I’ll be teaching you how you can [...]


Dynamic alerts using JavaScript

Let’s talk about JavaScript and how it allows you to be able to pickup user input or display small amounts of text to the user by using popup dialog boxes. These dialog boxes appear as separate windows and their content depends on the information provided by the user. you can easily implement dialog boxes by using JavaScript and embedding [...]

Rachel AveryRachel Avery

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


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


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


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


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