We have been tossing around the idea of using a CSS framework to speed up production and promote CSS code consistency for a few months now. We took a look at Blueprint by Olav Bjorkoy, YUI by Yahoo! and the 960 Grid System developed by Nathan Smith. Each framework has its own advantages, but as a custom web design company, 960 was the best solution for our needs.
The 960 Grid System is flexible, minimal, and easy to use. It provides a solid structure for front end designers to build upon and allows backend programmers to throw up a basic column structure if a page hasn’t been designed yet. 960 is a great number. It looks good in 1024 x 768 resolution and is divisible by many nice numbers (2, 3, 4, 5, 6, 8, 10, 12, 15, 16, 20, 24, 30, 32, 40, 48, 60, 64, 80, 96, 120, 160, 192, 240, 320 and 480).
Logical conventions make 960 very easy to pick up and use. Container divs can be either 12 or 16 columns thus a 12 column layout is classed container_12. A structure that spans three columns is classed with grid_3. A structure that spans three columns with a left margin of two columns is classed with grid_3 and prefix_2. This makes it easy to create templates quickly and allows our developers to get their hands dirty faster.
960 provides templates for popular web design programs (Photoshop, Illustrator, Fireworks, OmniGraffle, and Visio) and can be downloaded from the 960 website (http://960.gs/). An equally minimal reset and text base is also included. Thanks Nathan!
(JavaScript must be enabled to view this email address) 08.13.09
I like that blueprint’s containers never change. I don’t need either a grid of 12, or a grid of 16. 24 works fine for me. There’s also only a “last” class, as opposed to 960’s “alpha”, and “omega”‘s. What’s the difference between grid-6, and container-6? Can grid-14 fit two container-7? I’m too lazy to look up the answer since I’ve never once run into a problem where blueprints system wasn’t as flexible as I needed. Especially since the designer and I work together, and we tend hold off on the design until we have all the content.
With the popularity of social networking sites increasing, how do you keep your company up-to-date? It seems like a new site is becoming popular every week, and it's difficult to know where to put your trust. Only a year ago, MySpace was the big networking…
Read more.No matter where you live, it always makes sense to spend less money. When the Sunday newspaper comes in, you always look at the ads to see what store has the best prices. So why would you want to pay more for your web design?Since web design is not restricted…
Read more.What does PCI compliance mean? In short, it is following all the rules and regulations on the Payment Card Industry Data security Standard (PCI DSS) set forth by the Payment Card Industry Security Standards Council (PCI DSS). But to understand the importance…
Read more.Ameronix
5501 Patterson Ave
Suite 200
Richmond, Va 23226
804.612.0576
Want to have your say?