Fluid Grids and Grid Generators

7 07 2011

Here’s a pretty in-depth look at creating a fluid grid, i.e., a grid that will resize with the browser. There are some other methods, using the @screen method that we can cover as well, but this should be the next logical step from floats or absolute positioning.

http://www.alistapart.com/articles/fluidgrids/

This article takes the idea of fluid grids and advances it somewhat with a few tweaks for other layout issues:

http://www.smashingmagazine.com/2009/06/09/smart-fixes-for-fluid-layouts/

I make this last post with some reservations – yes, there are grid generators out there and pre-built layouts, worth having in your toolbox, but you need to know how to do it from scratch:

http://speckyboy.com/2010/05/30/liquid-fluid-and-elastic-layout-templates-tools-and-frameworks/

And another roundup of the same sort of stuff:

http://www.webdesigntoolslist.com/2009/07/webmastertools/roundup-of-css-grid-generators-css-grid-layout-generators/

Advertisements

Actions

Information

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s




%d bloggers like this: