How to structure your typography in Sass

I’ve always been focused on strong typography when it comes to design. As I’ve evolved into a front end developer, I still focus a lot on the typography of a project. As I’ve written about before, if the design is up to me, I even start with setting the paragraph.

However, what can you do to set yourself up for success when it comes to coding a design and it’s typography? I’ve done this – a lot – and I’ve come to some conclusions.

Read More3 Comments

Layer Cake: A Responsive Design Layout Pattern

There is a design pattern that I’ve noticed emerge on a lot of the responsive projects that I’ve worked on in the last few years. They have all tended to gravitate towards a particular kind of layout. There are a lot of situations where this pattern is helpful, so I wanted to write a bit about it.

I call it “The Layer Cake” – it’s a way to approach page layout in a responsive design. You can also call it ‘tiered’ layout – but, mmmmm – cake. This differs from a regular ‘multi column’ layout in that there is no all-encompassing container, or long running sidebars. There can be multiple columns within a layer, though.

A 2 Column Layout vs. a Layer Cake

Read MoreLeave a comment

Creativity is yet to come in Web Design

The above talk was given by Andy Clarke last November, lamenting the lack of “soul” and creativity in Web Design. He argues that the industry’s fixation on process and execution has left little room for great ideas.

Read MoreLeave a comment