Archive for Grid

List of grid-based design resources

On Vandelay’s website a collection of 65 resources about grid based design: handful tools to improve efficiency and effectiveness of your project, as well as some articles for advanced techniques.

“Design” tool

Design is a suite of web-design and development assistive tools which can be utilised on any web-page. Encompassing utilities for grid layout, measurement and alignment, Design is a uniquely powerful JavaScript bookmarklet that could be really useful for analysing and creating grid-based websites.

Gridding Design

Using grids for laying content out is one of the basic principle of graphic design, at least since the Medieval Age. Much more recent is the bright idea of using grids for designing websites, in order to laying out harmonic website and increase the legibility of your designs.

Using a Background Image Grid to Lay Out Your Web Site

Christian Watson, the author of Smiley Cat Web Design, explains this useful technique on his website incuding the Fireworks source file of the grid. You apply the grid to the body of your page as a background image so that it displays behind your site. Thus you can use it to precisely line up your layout.

Sponsors

MiniAdv
Only 3€/4$ per month!

Room and events manager

YoDiv

FeedMyApp Web 2.0 Directory

Design2Day: the freshest daily feed on web design

SearchWebJobs.com - Full-time, Part-time, Freelace jobs for Designers, Developers, Managers, and Tech Pros

Add to Technorati Favorites

Most rated

About CssGlance

If you are in need of design inspiration, you have come to the right place.

CssGlance is the first italian website focused on providing its audience with a database of 1541 well designed and innovative CSS based websites from all around the world.

We want to show you that good design and web standards are two sides of the same coin.

If you think CssGlance is an interesting website and a useful resource for web designers please get the word out in order to help us become more popular.