Day

12

On the twelfth day of Xmas, take a whirlwind look at Three.js

by Paul King

Javascript Three.js WebGL

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.

Day

11

On the eleventh day of Xmas, get musical by building a Spotify application

by Syd Lawrence

App Spotify

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…

Day

10

On the tenth day of Xmas, get dirty with data using d3.js

by Clinton Montague

Data Visualisation Javascript

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.

Day

9

On the ninth day of Xmas, get Responsive!

by Paul Davis

LESS Responsive Web Design

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.

Day

8

On the eighth day of Xmas, learn how to get local with HTML5 javascript APIs

by Adam Onishi

App HTML5 Javascript

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.

Day

7

On the seventh day of Xmas, identify the ten faces of a web professional

by Si Jobling

Freelancing

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.

Day

6

On the sixth day of Xmas, get to grips with CodeIgniter

by Alun Rowe

CodeIgniter PHP

Codeigniter describes itself as “a powerful PHP framework with a very small footprint, built for PHP coders who need a simple and elegant toolkit to create full-featured web applications.”. It also provides the underpinnings for Expression Engine and powers a lot of sites across the web.

Day

5

On the fifth day of Xmas, add some caffeine to your JS with CoffeeScript

by Jack Franklin

Coffeescript Javascript

There are a lot of CoffeeScript guides out there. I’ve even written some myself. When I was asked to contribute to the 12 Devs of Xmas with a piece on CoffeeScript, I was keen but knew I needed to take a different angle on it. So I’ve decided that instead of slowly introducing you to CoffeeScript from the base up and writing some typical “Hello World” (does anyone learn from that, really?) I’ve taken a simple piece of JavaScript I’ve written, and together we’ll convert it to CoffeeScript. The original JavaScript and the CoffeeScript rewrite will be available from Github so you can play around to your heart’s content.

Day

4

On the fourth day of Xmas, improve your WordPress with Custom Post Types

by Ben Everard

PHP Wordpress

In this article I’m going to give you a brief introduction into custom post types, and the great thing is no matter how you decide to use WordPress, custom post types can be damn handy. Lets do this!

Day

3

On the third day of Xmas, code from anywhere with a survival guide for Vim & the command line

by Kris Noble

Vim

Picture the scene: after a hard year of geekery, you’ve decided to spend a week out in the sticks to get away from it all. You’re cosied up by the fire in your remote cottage when suddenly you get the call every dev dreads – “the site’s down!”

Day

2

On the second day of Xmas, learn the magic of client-side data binding with Knockout.js

by Stephen Fulljames

Javascript Knockout.js

Keeping track of UI state in web applications can get very complicated very quickly. Data is coming and going; the user is opening and closing components, selecting, filtering and rearranging; and just relying on DOM inspection to understand where things are is likely to end in frustration. Trust me, I’ve been there.

Day

1

On the first day of Xmas, learn to use LESS

by Anthony Killeen

LESS

LESS is a dynamic style sheet language. It’s like CSS but much more powerful, saves time and has a bunch of neat features rolled in to make our lives easier. I’m going to run you through setting up LESS, some of its features and finally, writing some LESS.