Emmet Re:View is a small Google Chrome extension that finds responsive design breakpoints on your page and creates view for each breakpoint. Emmet Re:View →
Kouto Swiss
Stylus is great, but… where’s my Compass/Bourbon? Kouto Swiss offers an answer to that as it’ll make lots of handy functions and mixins available to you. Take this Kouto Swiss provided font-face function for example: font-face( “Roboto”, “./fonts/Roboto-Regular-webfont”, normal ) Which will render into this: @font-face { font-family: “Roboto”; font-weight: normal; src: url(“./fonts/Roboto-Regular-webfont.eot”); src: url(“./fonts/Roboto-Regular-webfont.eot?#iefix”) …
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, …
Continue reading “Typesetting your CSS Objects: Fontshop Styleguide”
Over The Hills
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 …
Meetings
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 …
Continue reading “Advice from 30 year old me to 20 year old me”
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 …