Grid System Generator » Resources

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.

250+ Resources to Help You Become a CSS Expert

admin — Tue, 18 Aug 2009 12:26:00 +0000

CSS is the second-most-important thing you can master when it comes to web design, right after HTML.

And the capabilities of CSS can be staggering (especially with the new CSS3 standard already making appearances in some browsers).

If you can imagine it, it’s likely someone has already figured out how to do it with CSS.

Roundup of CSS Grid Generators & CSS Grid Layout Generators

admin — Fri, 31 Jul 2009 15:31:03 +0000

There are a lot of useful web code generators and graphics generators out there on the web, but did you know that there are also css layout generators too? Today we are focusing on CSS grid layout generators. These tools will help you create and visualize different web design layouts and draw grids in various ways to assist you in your design process.

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.

Why Don’t You Love Grids?

admin — Fri, 17 Jul 2009 13:56:17 +0000

Having recently become a convert to Grid Layouts, I find myself looking at more and more sites’ code and seeing that grids are still grossly under-represented.

PixelGrid – X

admin — Tue, 14 Jul 2009 13:15:48 +0000

PixelGrid – X is a grid system build by Jens Törnell.

The concept is different from the other gridsystems since it uses a .box class to define your margin.

A PixelGrid – X generator is coming soon!

In Defense of CSS Grid Frameworks

admin — Mon, 13 Jul 2009 11:34:57 +0000

CSS grid frameworks seem to have a pretty tarnished image as far as philosophical topics in front-end web development go. One quick search will reap a plethora of blog posts and articles on the topic.

MyCSS Grid system

admin — Sun, 12 Jul 2009 15:38:30 +0000

MyCSS grid system is a very simple CSS grid system that can be used for blogs and creative websites It also uses the best divine proportion in web design. The grid system is created by Kailoon.

Free Typographic XHTML/CSS-Layouts For Your Designs

admin — Sun, 12 Jul 2009 15:11:41 +0000

Brilliant typographic templates, released for free download and personal and commerical use as the gift for the web design community.