15 folds, a pet project by one of our founders Jolyon Varley, the chinese whispers for original creative GIFs, has been moving in leaps and bounds recently.  Todays thread has been done by none other than, Mimi Leung, a NEVERBLAND favourite (her work adorns our walls) and is an excellent  illustrated GIF.
Go check it out and more over at:
15folds

15 folds, a pet project by one of our founders Jolyon Varley, the chinese whispers for original creative GIFs, has been moving in leaps and bounds recently.  Todays thread has been done by none other than, Mimi Leung, a NEVERBLAND favourite (her work adorns our walls) and is an excellent  illustrated GIF.

Go check it out and more over at:

15folds

~ Sam Mathews

We’re thrilled to have exchanged contracts with one of our most exciting clients to date - West One Music Group.Standing as one of the world’s biggest independent production music labels, West One represent a global network of over 200 composers and by our guesstimation, has offices in almost as many countries.Creating bespoke solutions to companies’ problems is at the heart of our business and projects like West One pose just the kind of technical challenges we get excited about. We’ll be developing our SLATE CMS to replicate a large portion of its functionality on the client-facing side of the site. West One’s clients will have unrivaled access to their full library of music, enabling them to create personalised projects, playlists and track their search and download history.
Release date TBA so keep checking back. 

We’re thrilled to have exchanged contracts with one of our most exciting clients to date - West One Music Group.

Standing as one of the world’s biggest independent production music labels, West One represent a global network of over 200 composers and by our guesstimation, has offices in almost as many countries.

Creating bespoke solutions to companies’ problems is at the heart of our business and projects like West One pose just the kind of technical challenges we get excited about. We’ll be developing our SLATE CMS to replicate a large portion of its functionality on the client-facing side of the site. West One’s clients will have unrivaled access to their full library of music, enabling them to create personalised projects, playlists and track their search and download history.

Release date TBA so keep checking back. 



~ Jolyon Varley

A more flexible fluid CSS grid technique

We work on a lot of responsive/fluid web design projects - adapting our designs within a single codebase to make the best use of the device they are being viewed on.

One of the key parts of any responsive/fluid web build is its grid system. This allows us to organise content into distinct rows and columns, and then rearrange them when the screen size changes.

Fluid grid systems rely on percentages to calculate the width of each column - so if we had four even columns at 25% of the width of the page, then on a viewport size of 1000px a column would be 250px wide, on a 1400px viewport it would be 350px etc, scaling fluidly as the viewport is resized.

I’d like to share a technique that I’ve found very helpful whilst developing responsive/fluid websites. I first came across it in Paul Irish’s post Box Sizing Border Box FTW, and have since incorporated it into my own frontend framework…

* {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

This snippet changes the box model of the pages elements, so that CSS attributes such as padding and border are added inside the element, rather than adding it to the outside and increasing the overall width.

Using the example above, let’s say we wanted one of our 25% width columns to have 20px of padding at either side. At a viewport of 1000px using the default box model, this would make the column 290px wide, causing the fourth column in the row to fall off the end as there wouldn’t be space for it:

Using the box-sizing: border-box; technique, the padding is added inside the column, keeping its overall width at 250px but making the actual width of content 210px.

Using this technique allows us to keep our grid system consistent and easy to work with, but gives us the flexibility to deviate from the grid when we need to.

After all, isn’t flexibility what responsive design is all about?

~ mike blog

With a three full months to wait until London Design Festival in September we braved the great British ‘summer’ last Saturday to visit the V&A museum for an exhibition celebrating six decades of British Design.
Post-war reconstruction through revolution and Cool Britannia. Laura Ashley, The Sex Pistols and the E-Type Jag - an illustrious cannon of iconic designers, objects, technologies and buildings that characterise our cultural landscape. As we checked out Bowie’s outfits, Dyson’s vacuum and Jonathan Ive’s Apples it was hard not to feel an affectionate sense of responsibility to our forbears. Britain has a proud and enduring legacy of design excellence to uphold and in 2012 the spheres of digital technology present the most fertile and prolific breeding ground for the designers of generation Y to make their marks. It’s up to us to change the world through better design, and in doing so join the pantheon of audacious constructors, innovators and visionaries that went before. But first… lunch. 

With a three full months to wait until London Design Festival in September we braved the great British ‘summer’ last Saturday to visit the V&A museum for an exhibition celebrating six decades of British Design.

Post-war reconstruction through revolution and Cool Britannia. Laura Ashley, The Sex Pistols and the E-Type Jag - an illustrious cannon of iconic designers, objects, technologies and buildings that characterise our cultural landscape.

As we checked out Bowie’s outfits, Dyson’s vacuum and Jonathan Ive’s Apples it was hard not to feel an affectionate sense of responsibility to our forbears. Britain has a proud and enduring legacy of 
design excellence to uphold and in 2012 the spheres of digital technology present the most fertile and prolific breeding ground for the designers of generation Y to make their marks. It’s up to us to change the world through better design, and in doing so join the pantheon of audacious constructors, innovators and visionaries that went before. But first… lunch. 

~ Jolyon Varley

Play:list

Music is hotly debated topic in every office. Who controls the playlist? Can developers write code to Ludacris? How many times is it reasonable to veto The Fratellis?

In our two tender years in existence we think we’ve developed a good sense of what works and what’s likely to end in a square-up. With that in mind we’ve asked each of our Soho team to recommend the music that has kept our productivity and speakers booming this month. 

Jolyon: Gang Colours – Fancy Restaurant

Kyle: Blood Orange – Sutphin Boulevard

Alex: Black Lips – Bone Marrow

Sam: Miguel Campbell – Moody Disco Mix

How does it play-out in your work space?

Click below and let us know

~ Jolyon Varley