CSS layouts using the 960 Grid
I stumbled apon a site called 960 grid system when I was looking for a systematic way to layout my CSS. The grid is based off of the grid concept in print layout. When a magazine, newspaper or other editorial piece is layed out it is designed on a grid. This grid can consist of 3 columns with photos, 1 small column and one large column or even freeform grids that use the shape of a graphic as a way to layout text.
The grid dominates print and gives it that harmony that the eye likes so much. This is a way to provide a consistent layout in your web pages. The CSS file that drives the layout consists of classes that define set parameters for the size of your columns and spacing. You invoke these columns with the respective class name placed in the div tags.
Take a look at their site and download the files, they also include templates for Photoshop and Illustrator for those who like to layout web sites graphically, slice them and apply CSS layouts.
Our site Gigapxmedia.com is layed out using this method.
Possibly related posts: (automatically generated)
- Related posts on CSS
- CSS Image Replacement « Brand One Media
- Using CSS (Cascading Style Sheets)? | WebMasterCert.com
- Related posts on graphic design
- Common Misconceptions in Graphic Design and Printing | Printed By Erik
- Related posts on web design
- Web Design Tutorial Resources « Domainating: Brands, Art & Content
- best cheap & affordable web design? | GX Web Design
Related Websites -
My Clickbank Business - How to Optimize a Successful Web Business It is worth troubling to make your internet site more search engine friendly, as it'll bring you profit and sufficient exposure. When you have something you call my clickbank business, it is important to optimize it enough to get clients. These are some straightforward advices on building successful website for...... -
How to Get Blog Traffic in Five Steps Every blogger is looking to achieve the exact same thing: They are hoping to be read. There are millions of bloggers that give the idea a shot but then eventually give up because they feel like nobody is reading them. They feel like if they are unable to get blog...... -
Cool Web Services, Apps, Tips and Tricks (Episode #1) All listed websites below that i found are FREE(no buys no trials, only some need to register and create your own account to use their services). Check out some of the Cool Web Services, Apps and Tricks and latest discoveries done by me. 1. Gickr - Use Flickr images and...... -
Printing a Query’s Recordset After you create your query, you can easily print all the records in the recordset. Although you can’t specify a type of report, you can print a simple matrix-type report (rows and columns) of the recordset created by your query. You do have some flexibility when printing a recordset. If...... -
Should You Use Free Blogging Sites? There are certainly many blogging sites online today. It has become the biggest trend in communications for business and for personal reasons. A blog is a wonderful business tool that allows you to build a presence online as an expert in your field and develop a following of loyal readers.......
Gigapxmedia.com
No comments yet.