Season 2 of the Overtime podcast is here! Listen to the first episode with Meg Robichaud now.
I have just recently discovered the awesome blog post Elliot Jay Stocks has written earlier this year: A better Photoshop grid for responsive web design.
I loved the easy math approach but I also love the 12 columns layout of the 960px grid. So I did a mix up.
A 12 col layout on a 1000px grid.
The math is as easy as dividing a pixel value by 10 which results in a percentage value:
65px / 10 = 6.5%
150px / 10 = 15%
235px / 10 = 23.5%
320px / 10 = 32%
Nothing fancy, nothing revolutionary, nothing every single one of you couldn't do yourselves. I did it for myself and thought someone could find it helpful as well.
Here it is: http://cl.ly/I4xB
All the credits goes to @Elliot Jay Stocks, obviously.
L or F like
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
Copyright © 2009–2017 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.