Showcase
Archives
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.
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.
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.
A look behind the scenes to see how the Basic Math theme was created.
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.
Use the power of grid based designs to create a structured and professional page layout in InDesign, which can then be populated with a range of information to produce a polished CV or Resume.
This tutorial will explain the basics of this framework so you can start developing with 960 pretty fast.
CSS grid systems have been creating a bit of a stir recently, so in this tutorial I'll show you how simple and easy it is to utilise the Blueprint grid system when coding up your web pages.
Since tables were co-opted for layout purposes, columns have become key to many Web design layouts, and this thinking continued when CSS took over from tables (at least in the minds of savvy designers) for Web-page presentation. However, other fields of layout design don’t think in arbitrary columns, they work with grids, and these form the basis for the structure of page designs. This article will provide the lowdown on grid design for Web pages.
This article covers the basics of baseline grids defined grid areas within which content is placed and how they can be applied effectively to the web medium.
A showcase of grid-based posters and other prints
I upped the overall size to 1080px wide and created an 18 column grid system for it. The design is targeted to a unique group of professionals who in any event should not have an issue viewing the site.
This is a little tool we created for our Analog holding page. It inserts a layout grid in web pages, allows you to fix it in place, and toggle between displaying it in the foreground or background.
The action creates a new file with (almost) the same dimensions as the 960gs templates.
Basic Maths is a rock-solid, standards-compliant and microformats-friendly WordPress theme, released under the GPL license. It was designed and developed by Khoi Vinh of Subtraction.com with Allan Cole of fthrwght.com