There’s No Formula for Great Designs
10 Comments
Comments are ordered by helpfulness, as indicated by you. Help us pick out the gems and discourage asshattery by voting on notable comments.
Got something to add? You can leave a comment below.
Suleiman Leadbitter
Philip Renich
Concise, clear, and informative. It’s good to have that slight nudge to readjust how we approach responsive designs. Thanks Andy!
Stuart Robson
What a great idea to edit your fluid-grid for your breakpoints. An advancement of Ethan’s technique which is just brilliant. Of course, as you say, it’s more work. But we’re all paid for this work now aren’t we.
Fantastic!!
Only one day to go, really? It’s gone too quick, again!
Benjy Stanton
Nice article, this helps clear up fluid grids for me. I agree that without great care, they can lead to designs that don’t work. I love Joni Korpi’s Frameless grid idea that you mentioned the other day, it’s certainly an easier idea to get your head around, but maybe I just cant let go of pixels? :)
Gary Aston
As well written and thought-provoking as ever. Thanks Andy.
Andy Parker
Thorough and well conceived concept for defining page layout. You touched on the issue of content scaling, this is clearly the next part to resolve. The line height, font-size and line widths are certainly one of the hardest hurdles for the responsive method, I wonder how well this idea for the layout will transpose to text.
Images works well at the moment with some of the concepts of 100% widths and scaling and I think it will be come easier over the next 12 months.
6 articles, 6 game changers – that’s hard boiled.
Nicolas Chevallier
Excellent article. I love the way you work, very professional and efficient. Once the grid in place, everything is logical and elements are positioned naturally.
Ray Drainville
We are only scratching the surface with responsive web design. This is an essential additional consideration to the discussion. Well done, this is extremely important.
Colin
It strikes me that using this method it becomes more of a folding grid than a flexible grid. At each of the different breakpoints it is necessary to apply some max-width magic to the container for the percentages to apply and for your page elements to line up nicely on your grid. This isn’t a problem necessarily but it does mean you lose the magic of the flexible grid between the breakpoints if you want to remain true to your underlying grid.
Barnaby Walters
Thanks — I love seeing how other people work. Grid systems are something I’ve never really used. Perhaps I’ll give them a go on my next project.
Well written dude. Even a muppet like myself with an attention span of a … oooo what’s that over there?
Anyway. yep, even I took it all in.
Thank you! Keep up the great work.