Build a responsive site in a week: typography and grids (part 2)

For many years there was a debate among web professionals: fixed or fluid layouts? In many ways that debate has morphed into one where responsive layouts (with fluid underpinnings) are matched up against adaptive layouts (in which fixed layouts replace one another as the viewport changes). By .Net Magazine

Gridpak: The Responsive Grid Generator

Challenges and problems inevitably arise when adopting new ideas and ways of working. One of the main stumbling blocks we found as an agency was in efficiently and cost-effectively implementing one of the fundamental ingredients of responsive design: a flexible grid based layout.  By Smashing Coding

Free Plugin For Dealing With Grids In Photoshop

Take a moment and think about creating a multi-column grid in a Photoshop comp. Have your palms started to sweat? Yes, creating grids in Photoshop is a pain indeed. Some designers just estimate and drag guides arbitrarily onto the stage. By Smashing Magazine

The Semantic Grid System: Page Layout For Tomorrow

 

CSS grid frameworks can make your life easier, but they’re not without their faults. Fortunately for us, modern techniques offer a new approach to constructing page layouts. By Tyler Tate

anatomy of a typographic grid

Grids act as guides for the placement of elements in a design. No matter how simple or complex, grids share some common parts, each fulfilling a specific function. Not every one of these parts needs to be present in every grid. By Vanseodesign

4 types of grids and when each works best

Look at 4 grid types and when you might use each.

-Manuscript grid
-Column grid
-Modular grid
-Hierarchical grid

By Vanseodesign