Articles
-
30 Grid-Based WordPress Themes
30 WordPress themes that have been developed with a grid framework. All of the themes have been built using popular CSS Grid Frameworks such as the 960.gs, Blueprint, YUI2 and The Golden Grid. We have also included a couple of WordPress grid frameworks at the bottom of the post which you may find useful.
-
Grid-Based Web Design, Simplified
A grid at its barest is nothing more than a series of intersecting horizontal and vertical lines spaced at regular intervals, but its innate propensity for creating order out of chaos makes it one of the most powerful tools at a designer’s disposal. If you want to reap their benefits of grids on your next project but are unsure of the specifics, this article is for you.
-
960 Grid System: Great for Design, Great for Development
Creating web experiences is a perpetual process. Having a team of skilled tacticians and established processes is paramount to success. This article examines how one framework, the 960 Grid System, streamlines time to launch from two different viewpoints: The designer's eye and the developer’s expertise.
-
Really Basic Maths
A look behind the scenes to see how the Basic Math theme was created.
-
Myths & Misconceptions About Grid Systems
A few myths and misconceptions about grids exist in the design community that can be detrimental, especially to designers who are new to the subject.
-
To Grid or Not to Grid: Advantages and Disadvantages
In this article, we'll discuss various grid frameworks, examples of grid-based graphics and web design, and the advantages and disadvantages of using the style of design for your next project.
-
Fluid Grid Layout: 10+ Outstanding Examples & 1 Tutorial
Here are 12 amazing examples (just one of them in Flash) and a fantastic tutorial. Please use the comment box for suggestions and opinions – Will the future of webdesign be fluid?
-
6 Tips and Tricks for Designing with the 960 Grid System
For those just getting started or interested in learning it, I give you six of my favorite tips and tricks for designing with the 960 grid system.
-
Complex Grid
Karl Gerstner designed this grid for his work on the CAPITAL magazine. This is actually a six-column grid with a four-column grid superimposed. Karl suggests that this grid requires considerable study, and a designer would have to spend a great deal of time working with it before he could make free use of it in a creative sense.
-
Making Modular Layout Systems
A highly flexible and human-readable system for layout manipulation from Jason Santa Maria.