Group items tagged

A great website layout will deliver an intuitive, effective and enjoyable experience. Layouts are the foundation of presenting information clearly, attracting attention to the right parts and guiding people to their goals. This article focuses on layouts and how to help users interpret them correctly and positively as they scan the page.

45+ CSS Grid Systems, Layout Generators and Tutorials that every Designer should know

"This is Plumb, a web layout composition tool for use with the Blueprint framework. Pretty much you just draw some stuff up above and it makes HTML for you."

For several years now the 960px grid system (960.gs) has been designers' favorite pick to help structure and design web layouts. As screens and resolutions have gotten bigger, I've found that the 960 grid system does not always fit my needs. 20px gutters and only a 940px content area is a bit too small for the modern web.

"A Practical Guide to Designing for the Web aims to teach you techniques for designing your website using the principles of graphic design. Featuring five sections, each covering a core aspect of graphic design: Getting Started, Research, Typography, Colour, and Layout."

A universal solution for ie6 ? ...just great typography for headings, paragraphs, quotations, lists, tables and forms and no styling of layout.

"the Advanced Layout and the Grid Positioning modules are doing some of the right things in many of the wrong ways. Both those modules add unnecessary complexity to CSS without giving designers a natural way to say what they mean"