Tag Archive for: grids

Create Clean and Beautiful Websites Using Grid Based Web Design

Grid-based web design continues to define the future of websites, despite the recent advent of responsive and mobile web design. Defined, grid-based web design is a web design technique based on a website designed as a fixed-width grid, with varying-sized columns which, combined, equal the grid's total width in a row.

The most-common and used grid-based web design framework is the 960-Grid System, which describes itself as "an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns, which can be used separately or in tandem." Boucher + Co. endorses the 960-Grid System. We use it as a framework for our main website.