integralist

BBC News Engineer: Object-Oriented Design principles using Ruby, PHP, BEM, AMD, TDD and BDD

More info about me…

Dynamically Generated Grunt Tasks

A slightly deeper dive into Grunt on how to generate sub tasks dynamically dependent on the contents of a particular folder structure

Read article…

The Clean Coder - How to be a Professional

A quick review of Robert C. Martin's book "The Clean Coder" (which is a follow-up to his classic "Clean Code"). The subject isn't actually about code this time but about how to act and think like a professional. This is a fantastic read and would be very useful to both developers and managers alike.

Read article…

Grunt Boilerplate

Grunt is a JavaScript task runner. In this article I break down my Grunt Boilerplate which is a base project set-up using Grunt to take care of some standard tasks such as compiling AMD modules using RequireJS, watching/compiling Sass into CSS, watching and linting JS code as well as running unit tests.

Read article…

Message passing in Object-Oriented Code

Thoughts about passing messages between objects in true object-oriented design.

Read article…

Object-Oriented Design (OOD)

After reading through Sandi Metz' book Practical Object-Oriented Design in Ruby I wanted to make sure I put down in a blog post (a distilled) break-down of all the great advice she provides (note that this post is mainly for my own reference/reminder, I strongly recommend you read the book as there is so much more you'll gain from reading the book compared to this post)

Read article…

Git Tips

I've been meaning to take my long list of fragmented notes on Git commands and put them altogether into a single blog post. Hopefully they'll be of use to others confused about Git.

Read article…

Maintainable CSS with BEM

A look at how to utilise the BEM (Block, Element, Modifier) methodology for writing simple but structured and maintainable CSS.

Read article…

Backbone Validation

I demonstrate how to create a Backbone.View to help ease the validation of a form and the displaying of custom error messages.

Read article…

JavaScript 101

A more 'fundamental' introduction to the JavaScript language/syntax, proper terminology and concepts.

Read article…

MVC in JavaScript with Backbone.js

MVC in the front-end engineer's toolkit is a big thing (as of 2012). This post discusses how to utilise the (currently) most popular framework Backbone.js

Read article…

Build a site with Ruby and Sinatra

Whilst I was learning about Ruby, I found the most frustrating aspect was finding information on how to build a web application using it (Ruby is a GPL and not designed for the 'web'). This post explains how to build a web application using the Sinatra web framework.

Read article…

Introduction to Ruby (a front-end developers perspective)

Written for front-end developers to help get them up and running with the Ruby language.

Read article…

Building a game with HTML5 Canvas

Facebook contacted me about joining their team and as part of the recruitment process I needed to build them an image puzzle game. This was the result.

Read article…

Host Methods vs Native Methods

Surprising how difficult it is for developers to understand the difference between 'host' methods and 'native' methods. Hopefully this post helps clear up any confusion.

Read article…

Thoughts on current web development practices

As of early 2012 the foundation of web development had changed at a record pace and here was my thoughts on what was the current best practices.

Read article…

Guide to using SASS

This is an old post on how to use the CSS pre-processor Sass (note the syntax has changed since).

Read article…

Node.js as a tool

I had started to utilise NodeJS a lot more as a productivity tool (via specific 3rd party tools) and thought I'd share some information on how I was using it.

Read article…

Beginners guide to AMD and RequireJS

Addy Osmani (from Google) asked me if he could use this post on the new jQuery learning site, and of course I was happy to have it featured.

Read article…

How to use Git and GitHub

This was a lazy-web request by Paul Irish. He provided the relevant feedback and I submitted to his approval.

Read article…

Beginners guide on how to test your code

This was written before I discovered BusterJS but still a good read on how to test your JavaScript code - also provides background information on testing methodologies.

Read article…

jQuery Mobile - loading script files

This post discusses a work-around to a script loading issue I had whilst working on an early beta jQuery Mobile project.

Read article…

Regex Popup Window

Here is a more unobtrusive method to open a popup window when clicking on a link which points to an external website URL.

Read article…

JavaScript Inheritance

A super short introduction on how to utilise code reuse via the Constructor inheritance pattern.

Read article…

Links

Skills

Enjoys

Listens