Journal

Gamification and User interface design techniques

Increasing user engagement and retention, by creating unique and memorable experiences with gamification can help your SaaS product keep user retention high.

Read article

Binding User Interfaces and Application State with Vanilla JavaScript

What is application state, and why can architecting a centralised state for your product help when programming interactions for your User Interfaces?

Read article

Choosing a NodeJS Framework

In recent years, NodeJS has become a go-to framework for modern web application development, providing a runtime environment that allows the use of JavaScript for both client-side and server-side application code.

Read article

The importance of great user onboarding to create loyal customers and reduce your churn-rate

User onboarding has an incredible influence on your products success — where a bad first experience for your users can literally make or break your product.

Read article

Dismissible banner continued: Storing component state

A look at how to store the state of a dismissible banner on the client-side using localStorage, enabling the basic function of persisting the hidden state of a banner for the user on their following page sessions.

Read article

Getting started with Canvas in HTML5

Here is an example of how to get started building using Canvas in HTML5, with a simple particles tutorial. This covers a basic animation loop, drawing to the canvas, and responding to user interactions.

Read article

Creating a dismissible banner component with Vanilla JavaScript

Dismissible banner messages are a common element found in web applications & sites. This tutorial details how to create a simple re-usable component using Vanilla JavaScript.

Read article

Developing cross-platform applications with React Native

Facebook’s React Native finally provides JavaScript developers with a powerful tool to develop cross-platform applications for Android and iOS devices.

Read article

jVid: a jQuery plugin to embed videos with style

jVid is a jQuery plugin I developed to help customise the look of YouTube and Vimeo videos when embedded within a website. I say videos, and not video players, because the plugin simply displays a custom poster for the video, with a few options to control CSS animations, colors, shapes and a video caption.

Read article

Remote debugging Windows mobile devices with Vorlon.js

In my previous post I covered debugging methods for both Android and iOS mobile devices, but didn’t touch on Internet Explorer, for devices such as the Windows Surface tablet. Say hello to Vorlon.js, a project developed using Node.js by a handful of Microsoft developers.

Read article

Device testing and remote debugging for mobile websites

Although desktop browsers provide developer tools that emulate mobile devices to assist development, performance on real devices can vary much differently to that of the emulator. Remote debugging is essential if you want to ensure your website performs as well as it should.

Read article

Brunch – HTML5 build tool

Brunch is a powerful assembly tool to assist developers in producing deployment-ready code. Although alternatives like Grunt and Codekit have been available for some time, Brunch’s ease of use and simple configuration makes it the tool…

Read article

Handlebars: Templating for Javascript

A common element to developing a website or application using JavaScript is the manipulation of the DOM, such as inserting a customis alert message or the results of an AJAX request into the page the user is currently viewing. I recently discovered an alternative technique to the problem in the name of Handlebars.

Read article

Speed up your WordPress site

Wordpress has always been my CMS of choice when it comes to developing a website, but on shared hosting environments I’ve seen poor performance when it comes to page loading times. Here are a few easy plugins you can install to help speed up your load times and improve engagement with your users…

Read article

Loading...