Showcase
Archives
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.
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.
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?
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.
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
As I observe other liquid based websites, I see two commonly used techniques on displaying columns, the fixed columns and the liquid columns. There are drawbacks to both that I would like to point out, and later would like to pitch my solution.
I'm a minimalist designer so I believe the grid is one of the most important elements of web design. There are many articles and resources on the web, I've chosen to pick through them all and compile my best resources/tools all in one fell swoop. Keep in mind, there are plenty of list posts out there but these are my go to grid resources.