Guymon

Grid Layout Resourcen

Adelle Charles hat eine umfangreiche Liste mit Tools, How Tos und Artikeln zum Thema Grid based design zusammen getragen.

Fluid Grid CSS Framework

Hier mal wieder ein CSS Grid Framework: Fluid Grid.

Off the shelf the Fluid Grid System looks great, it leaves a simple page that makes no assumptions of your design besides that if should maintain a grid based layout. By default all the elements land on the baseline also.

Ein kurzer Blick in den Quellcode sah gut und leicht verständlich aus.

The Golden Grid

Und mal wieder eine neues CSS Framework: The Golden Grid:

There are many who will notice the similarity to some other CSS Frameworks like Blueprint and 960.gs and in some parts like my Emastic. Yes, the building principle is very similar - float:left, margin-left, structural naming system, px based columns… If you are familiar with these systems, you like their philosophy and you are not min. css file size maniac like me I don’t see the reason why change anything. They all do a great job.

The Golden Grid is not about how I build CSS web grids but why. It is result of almost one year research of web grid design.

Ich werde es wohl aus Zeitmangel und weil ich mit YAML vollkommen zufrieden bin erstmal nicht testen.

Blueprint CSS Einführung

Eine Einführung in Blueprint CSS:

This tutorial intended to show you how Blueprint CSS can be used to lay the groundwork for your next project, or at least take some of the weight off of your shoulders around resets and typography.

Design Bookmarklet

Ein Bookmarklet von sprymedia was ich man testen werde: Design

Design features the following components:

• Grid - overlays a highly configurable layout grid over a web-page. Grid can be set to match any set of dimensions, allowing easy development of CSS layouts in the web-browser.
• Rule - displays rulers on a page, with all the expected features of the rulers found in a desktop design application, including guides which snap to block display elements and origin location control.
• Unit - allows measurements to be made between any two points on a web-page, giving basic information about each of the points clicked on, and drawing a line on the page for the measurement.
• Crosshair - draws a crosshair cursor on the page to assist in layout alignment. Cursor information is also presented in a tooltip.

Der erste Eindruck ist ganz gut, mal sehen wie nützlich das in der Praxis ist.