See now, this is why liquid layouts are the way to go.
Emily walks us through a responsive design case study, stressing the importance using percentages for layout.
Luke catalogues layout patterns in responsive designs.
A set of default styles to get started on a mobile-first responsive design.
On the importance of using fluid grids as part of responsive web design:
We do responsive web design, but we don’t do it for the sake of being trendy. We do it because we believe it’s the way websites should be made. This is an opportunity for us to finally embrace the dynamic medium we build for. The web is not fixed width.
More documentation of a responsive redesign, this time from Trent Walton. Be sure to check out the FitText jQuery plug-in that was created as a result.
Documenting the process of switching to a responsive design. I think there’s always insight to be gained from seeing how your peers are approaching these challenges.
Anna’s redesign is beautiful, no matter what browser or device you’re using.
A beautiful new responsive design from Mark.
37 Signals document their experiments with responsive web design. Looking good.
This is the way to do an adaptable liquid layout. Media queries are your friend. Oh, and the content's good too.
Black ink meets water.
Ethan follows up his Fluid Grids article with an equally excellent piece on resizing images.
Superb article by Ethan on calculating percentages for liquid layouts. Read it. Do it.
A superb article by Bryan Rieger on designing for multiple screen sizes. The closing section makes it clear that if you care about mobile, you'd better get comfortable with liquid layouts fast.
Just for the record, this is a superb example of a bulletproof liquid layout: Simon Wiffen, solo acoustic singer-songwriter from Leeds.
Ethan has redesigned. It's shiny and beautifully proportioned.
Good typography + stylish grid + liquid layout = WIN!
Check out the redesigned site for the podcast from Jon and John. Acknowledge the divinity in its gloriously liquid splendour. Smashing work, chaps!
Did you notice that Upcoming recently switched from liquid to fixed? Have your say about that here.
Dave redesigns. And before I could bash him for his wide fixed width layout, he went and added a Jeremy Keith Button® on his about page that toggles between liquid and fixed. Cheeky bugger.
Roger hits the nail on the head: "fixed widths are used for the wrong reason - designer vanity. Come on, you’re designing for the Web, which means it’s your job to let things be flexible when you can."
The devil can cite scripture for his own purpose... and now I can cite Nielsen: "...use a liquid layout that stretches well for any resolution, from 800x600 to 1280x1024."
Andy Rutledge proposes a new design for Amazon, saying "Many of these issues can be fixed and/or addressed by adopting a fixed layout." What a load of bollocks. Try doing a liquid layout right.
This is something I always meant to do but never got around to: a gallery site for good liquid design.
I've been suckered into another debate on fixed width layouts: "Discussing whether 800 is better than 1024 is like discussing whether Coke is better than Pepsi when all you really want is a nice drink of water."
Roger Johansson details his elastic design.