Grid System Generator » 960.gs

CSS Framework Battle Royale

admin — Mon, 05 Apr 2010 12:59:20 +0000

CSS frameworks really speed up the web design and development process. We have designed sites with both the 960 grid system and blueprint before. There are a lot of differences between the five main css frameworks, which are discussed on this blog post.

Todd Nienkerk on Getting Started with the 960 Grid System

admin — Sun, 04 Apr 2010 12:58:30 +0000

Todd Nienkerk of Four Kitchens explains the concept of CSS grid systems and gives some tips on how to get started with working with the 960 grid system. He talks a bit about the 960 Grid System Drupal theme as developed by dvessel, who was actually able to get some of his content-first innovations ported back into the 960 framework. He also briefly mentions the 960 Gridder module that sets up a javascript overlay to verify that your design is properly lining up. He talks about the general trends of CSS grids and some specific resources that help with getting started on creating a grid-based design.

4 CSS Grid Systems and Why

admin — Fri, 17 Jul 2009 14:02:20 +0000

Following our last CSS-related post, we decided to talk about css grid systems and the reasons to use them.

If you take the time to learn how to work with these CSS frameworks, it will provide for a better programming experience with modern and appealing visual results while giving you a foundation and guidelines to start from. It allows for a efficient way of guiding the user through the page content and an easier manage experience.

960.gs updated – added push / pull classes

admin — Mon, 13 Jul 2009 14:57:25 +0000

As you might have read, the 960.gs grid system added a few more classes (push_xx and pull_xx). These classes can be used for “Content first” layouts.

I have added the push / pull classes to the 960.gs generator you can find on this site to make the generated grid systems exactly as the original updated 960.gs framework. You can preview the new push / pull classes in the generated grid systems.

960 CSS Framework – Learn the Basics

admin — Sun, 05 Jul 2009 13:45:26 +0000

CSS frameworks have been here for some time. About the usefulness of these frameworks has been discussed for numerous times. Some say CSS isn’t advanced enough, others say these frameworks saved them many hours of developing time. We will not repeat this discussion here.

I have discovered CSS frameworks just a while back. After experimenting with the Malo CSS framework, the Blueprint framework and 960, I came to the conclusion I like the 960 CSS framework most.

This tutorial will explain the basics of this framework so you can start developing with 960 pretty fast.

960 Grid System – A powerful CSS framework for building websites quickly

admin — Sun, 05 Jul 2009 13:08:17 +0000

CSS is beauty. Yes that is because it adds beauty to your roughly built html pages and texts. It is not harder to beautify a web page by using graphics, but sometimes graphics are expensive when we are talking about overall page load time.

There is always been a big war between CSS and tables. In simple words war between tables based html web pages and tables html web pages. Both of their own pros/cons but CSS make the things simple and better.

When we talk about building multiple column web pages by using table based code or CSS then float theory and floating the elements (columns) in their proper place is always a headache.

960 Grid systems will make these things simpler and cleaner. 960 Grid system is a CSS framework, very easy to use and flexible for making as many as 12 up to 16 column design.

960 basically have predefined Div sections and containers. You don’t need to worry about any floating problems. All you have to do is to use either 12 column container or 16 column container depending on your needs. Then make your own columns by using their grid classes.

Which CSS Grid Framework Should You Use for Web Design?

admin — Sun, 05 Jul 2009 12:54:58 +0000

Ever wondered how all those slick “magazine” themes for WordPress and other platforms were created? Many, if not all, were designed using a CSS Grid Framework – at least in essence if not in actual fact. That is, you can use an existing CSS framework or build your own from scratch. While it’s possible to design complex web page layouts without a framework, it’s arguably an act in masochism. In this article you’ll get an overview of the current batch of Frameworks and which you should choose to use.

Build a Newspaper Theme With WP_Query and the 960 CSS Framework

admin — Sun, 05 Jul 2009 12:52:30 +0000

WP_Query is a powerful tool to control what comes out of your loop. Today I’m going to teach you all how to use it to make a 3 columned newspaper theme that has all your main blog posts in the main column, and off to the side a set of posts with a certain category. We’ll be using the 960 CSS framework for the basic layout and reset of our theme, it will chop a lot of work off what’s needed!

Prototyping With The Grid 960 CSS Framework

admin — Sun, 05 Jul 2009 12:51:38 +0000

Grid 960 is a CSS Framework that enables developers to rapidly prototype designs. They are excellent tools for creating mock ups. Why? Because they do all the heavy lifting allowing you to get faster results.

A Detailed Look at the 960 CSS Framework

admin — Sat, 04 Jul 2009 15:50:40 +0000

CSS frameworks are bloated. CSS frameworks are for people who don’t know how to code. CSS is too simple to implement a framework.

If you’ve ever read a tutorial on a CSS framework, I can guarantee that many comments mimic the previous statements. My guess is that the majority of these comments are stemmed from slight ignorance. Once you take the opportunity to spend some time with 960, you’ll be amazed at how much time can potentially be saved when developing your web applications. At the very least, take ten minutes to review the framework. You can always press the delete key…though I doubt you will!