12 Devs of Xmas

Welcome to the 12 Devs of Xmas, 12 insightful articles introducing you to new and exciting things in the world of web development.

Day 6: Getting to grips with OOCSS

On the Sixth Day of Xmas, Toby Howarth takes a look at Object Oriented CSS. Recently it’s becoming more and more important to right clean reusable code and with the introduction of OOCSS it’s become easier to bring the DRY methodology to your stylesheets. In this article Toby introduces the basics of how to introduce OOCSS to your projects.

by Toby Howarth

Day 5: JavaScript Command Line Tooling

On the Fifth Day of Xmas, Jack Franklin takes a look at five of his favourite Javascript tools, which are all used through the command line. With developers beginning to realise that knowing the command line is more and more an essential part of their workflow, command line based tools are here to stay.

by Jack Franklin

Day 4: Mixing and Matching PHP Components with Composer

On the Fourth Day of Xmas, Phil Sturgeon brings our first server side article on PHP Frameworks and the use of composer to pick & mix tools where needed. PHP frameworks are plentiful nowadays so here Phil shows you how to get the best out of the potential offerings and easily manage the frameworks you’re using.

by Phil Sturgeon

Day 3: Realtime collaborative drawing with Node.js

On the Third Day of Xmas, Richard Powell takes us through building a web app with a heady combinations of tools, combining Node.js, WebSockets, Canvas, and lots of Javascript! This fairly simple drawing game shows the power of modern day web development and builds on what Rob talked about on Day 1.

by Richard Powell

Day 2: Let’s make a FirefoxOS app

On the Second Day of Xmas, Ruth John takes a look at one of the latest offerings from Mozilla, Firefox OS. Known as ‘Boot to Gecko’ in development the OS is based on Mozilla’s Gecko rendering engine and utilises web technologies to create all the frontend for the OS. In our second article Ruth takes a look at how to create an app for the latest mobile platform, and of course, there’s kittens!

by Ruth John

Day 1: The Future of Games on the Web

On the First Day of Xmas, Rob Hawkes takes a look at the future of games on the web. As a games platform the web has started to come alive recently but comparisons to more established norms can underestimate it’s potential, Rob takes us through some of the possibilities the web can offer to create unique experiences for gamers.

by Rob Hawkes

Day 12: Take a whirlwind look at Three.js

three.js is a very capable Javascript 3D engine. There are a ton of cool examples out there to learn from, but sadly little in the way of documentation.

This article aims to give you a macro view of three.js, hopefully bestowing you with enough context to explore the parts that excite you in more depth, on your own.

by Paul King

Day 11: Get musical by building a Spotify application

So, you have recently heard about the new Spotify Platform? The new app platform built around everyone’s favourite subscription based audio service. As with all new platforms, developers can’t wait to take Spotify apps for a spin. So let the 12 devs of xmas show you how…

by Syd Lawrence

Day 10: Get dirty with data using d3.js

I’d like to start off by asking what seems like quite a simple question: What is the difference between data and information? And taking it a step further, where does knowledge fit into this definition? Not as easy to answer as you might expect, is it! Before we start getting our hands dirty and creating some awesome data visualisations, it’s going to be useful to learn the definitions of – and difference between – these three words.

by Clinton Montague

Day 9: Get Responsive!

So far, you’ve had the pleasure of learning about LESS. I’m going to build a simple responsive site, mixing old and new techniques, with LESS simplifying my styles a bit.

by Paul Davis

Day 8: Learn how to get local with HTML5 javascript APIs

In this article I’ll be showing you how to make a quick app that gets your location and at your request stores the information to your browser, as well as showing you how to use drag and drop to send a short tweet. This is all made possible thanks to the javascript APIs being developed at the moment in the new HTML5 specification.

by Adam Onishi

Day 7: Identify the ten faces of a web professional

Working as a web professional can be incredibly satisfying. But as the job has matured into its current state, creating websites has grown beyond the traditional “webmaster” role, drawing on numerous skills to deliver a finely crafted end product.

by Si Jobling