Typesetting your CSS Objects: Fontshop Styleguide

Creating a styleguide is not a new practice in the industry. During our recent relaunch of FontShop we decided to use one, too. Read on to see how it helped us, how we did it and what we could have done better. Whilst I like the grouping of components based on the site of them, …

The container model and blended content

One of the key differences between our new beta site and the current Guardian site is the way we approach content curation and presentation. From the outset we knew we wanted to create a modular system. However we were wrestling with how we could maintain a consistent hierarchy of stories across desktop, tablet and mobile …

Advice from 30 year old me to 20 year old me

I recently turned 30. For some very odd reason I’ve not warmed to the idea of it just yet. However as I began to evaluate my 20s I realised how many mistakes I’ve made and things I’ve learned in a decade of life. Wish I’d read this 10 years ago. Plan in decades. Think in …

How Belgium vs USA played out on Twitter

It seemed as if the entire world stopped to watch the World Cup match against Belgium. Twitter released a map shortly after the game that pretty much backs up that notion, with geotagged tweets mentioning key World Cup terms surging and falling as they were sent during the match. As the match approached extra time …

voice elements

Web Component wrapper to the Web Speech API, that allows you to do voice recognition (speech to text) and speech synthesis (text to speech) using Polymer. Really nifty! Thanks to Polymer you’ll be provided with two extra elements you can use: <voice-player> for text to speech and <voice-recognition> for speech to text <– text to …

WebIDE – In-browser editing for Firefox

WebIDE helps you create, edit, and test a new Web application right from your browser. It lets you install and test apps on Firefox OS devices and simulators and integrates the Firefox Developer Tools for seamless debugging and inspection across those devices. This is a first step towards debugging across various platforms and devices over …