Review: Free mobile-friendly Web design frameworks

Twitter Bootstrap, HTML5 Boilerplate, 52Framework, 320 and Up take sting out of building websites for both large and small screens

1 2 Page 2
Page 2 of 2

A "spiritual successor" to Less Framework is Frameless, exemplied by its motto: "Adapt column by column, not pixel by pixel." Frameless (public domain) uses a fixed-width grid and adapts the content to fit into as many fixed-width columns as are visible in the browser. It, too, provides nothing more than the layout system and a few other pieces for getting a template up and running. You bring the rest.

Frameless uses a fixed-width grid with as many columns as can be fit into the display port.

Yet another variant is the Golden Grid System (MIT License), which sports 18 columns that are proportional across the width of the browser. Those columns telescope into each other for smaller-sized displays, with the spaces between columns also changing proportionally. Better still, font sizes can scale proportionally, so the vertical aspect of the page also adjusts with resizing. Again, very little is included -- just enough to get a design started.

Golden Grid uses 16 columns that can fold into each other. Eight are shown here, with an overlay for the designer that indicates where the columns and gutters are located.

This article, "Review: Free mobile-friendly Web design frameworks," originally appeared at Follow the latest news in programming at For the latest business technology news, follow on Twitter.

Read more about application development in InfoWorld's Application Development Channel.

This story, "Review: Free mobile-friendly Web design frameworks" was originally published by InfoWorld.

Copyright © 2012 IDG Communications, Inc.

1 2 Page 2
Page 2 of 2
7 inconvenient truths about the hybrid work trend
Shop Tech Products at Amazon