Responsive sites and fluent grids

From mobile browsers to netbooks and tablets, we are visiting sites from an increasing array of devices and browsers. Fluid grids, flexible images, and media queries can help deliver a consistent experience across screens.

responsive.png

Personally found designing responsive sites only to be productive when the content and structure supports it. Sometimes a separate mobile version just works better. Was a big fan of lessframework and looking forward to doing some experiments with Joni Korpi’s more recent framelessgrid. It’s not a framework and appears much simpler and more flexible to use in projects. I also like that it’s fixed-width rather than fluid.

responsive.png

Golden Grid System is another option with fluid-width CSS grid system for responsive web design.

The zoomable baseline grid is a super feature! It can be a pain ‘to change the font-size at certain screen widths, for example to make the text easier to read on huge monitors, or to make the text fit better onto narrow mobile screens. This can make the proportions of your layout feel off, especially if you’re using a baseline grid.’ Also with the elastic gutters, they stay in proportion to the content, rather than pulled and squeezed.