Posts Tagged: responsive web design

The liquid web site motherload

Posted July 16th, 2009 by Zoe Gillenwater & filed under Articles, Inspiration.

Check out Nomensa’s portfolio for great examples of liquid site designs.

Why browser zoom shouldn’t kill flexible layouts

Posted June 16th, 2009 by Zoe Gillenwater & filed under Articles.

All the major browsers now have zoom functions built in, which may make it seem like there’s no longer any need for liquid or elastic layouts. Not so.

Creating sliding composite images

Posted April 27th, 2009 by Zoe Gillenwater & filed under Tutorials.

Create the appearance of a single image by layering multiple images on top of each other. The pieces can slide around the page as its width is changed, making it a perfect technique for liquid layouts.

Hiding and revealing portions of images

Posted April 25th, 2009 by Zoe Gillenwater & filed under Tutorials.

It’s possible to dynamically “crop” both background and foreground images as the layout changes in width, solving the problem of overflowing fixed-width images in a flexible page.

Foreground images that scale with the layout

Posted April 24th, 2009 by Zoe Gillenwater & filed under Tutorials.

Simple CSS techniques can make the content images inside your liquid or elastic pages scale with the layout.

Updated flexible design inspiration

Posted April 22nd, 2009 by Zoe Gillenwater & filed under Announcements, Inspiration.

I’ve updated my original post on sites to explore for flexible web design inspiration.

Inspiration for flexible web design

Posted June 11th, 2008 by Zoe Gillenwater & filed under Articles, Inspiration.

Liquid and elastic web sites don’t have to be ugly or boring. There are plenty of beautiful examples of flexible design to inspire you.

View more posts: