Skip to main content

A. D.'s Library tagged grid →  View Popular

24 Sep 09

The 1KB CSS Grid by Tyler Tate :: A simple, lightweight approach

Want to use a CSS grid but don't feel like going back to college? Join the club.

1kbgrid.com - Preview

grid css

26 Mar 09

Five simple steps to designing grid systems - Part 5 : Journal : Mark Boulton

  • the key to flexible grid systems is the grid must adapt to those changes.

    • After a bit of thought I think the key components of an adaptive grid are:




      1. The grid elements adapt to the user's changes, and
      2. The grid must retain it's orginal proportions
  • 1 more annotations...

Five simple steps to designing grid systems - Part 4 : Journal : Mark Boulton

  • designing to strong grids means you have to take a step back from what you think the design should look like

Five simple steps to designing grid systems - Part 3 : Journal : Mark Boulton

  • Designing grid systems for print is considerably more straight forward than designing grid systems for the web.
25 Mar 09

Five simple steps to designing grid systems - Part 2 : Journal : Mark Boulton

  • Now I'm not saying that 'follow these rules and you will create something beautiful'. What I am saying is that by following a few of these guidelines can go some way into creating something compositionally balanced, which will inherently be more aesthetically pleasing.
  • Well designed grid systems can make your designs not only more beautiful and legible, but more usable.

A List Apart: Articles: Setting Type on the Web to a Baseline Grid

  • The main principle of the baseline grid is that the bottom of every line of text (the baseline) falls on a vertical grid set in even increments all the way down the page.
  • You’ll notice in the previous example that the text doesn’t fall directly on the grid lines. Because of the way CSS renders line-height (by adding space above and below the letters)
1 - 20 of 22 Next ›
Showing 20▼ items per page

Selected Tags

Related Tags

Diigo is about better ways to research, share and collaborate on information. Learn more »

Join Diigo