오래전 출판 디자인 분야에서 주로 사용되던 grid 기반 디자인 기법이 요즘은 웹 사이트 디자인에도 도입되어 사용되고 있는 추세이다. 이는 grid 기반 디자인이 시각적으로 편안하고 웹 페이지를 균형잡힌 구조로 설계하는데 도움을 주기 때문이다.

하지만, 실제 웹 디자인에 적용하려면 grid 시스템을 떠받드는 여러가지 고려되어야 할 사항들이 많은 관계로 기본적인 grid 구조를 구현하는데는 여러움이 따르는데, 여기에 도움을 주는 여러 framework들이 등장하고 있다. 이런, CSS Grid Framework로 개인적으로 눈에 띄는 것이 두 가지가 있다.

이들 framework들은 각기 웹 상에서 몇 가지 설정만으로 코드를 생성해주는 도구도 함께 제공하고 있는데, Blueprint Grid CSS Generator, YAML Builder에서 컬럼(Culumn)의 수와 몇 가지 기본적인 설정 값을 입력하면 이에 맞는 코드를 자동 생성해 준다.

개인적으로 blueprintcss framework의 사용법이 더 간단하고 생성된 코드가 더 깨끗해 보인다. 곧 공개될 0.6 버전에 가서는 어느 정도 안정화되면서 grid 디자인의 손 맛을 익히는데 큰 도움이 되리라 생각됨. 아무래도 이런 툴들에 눈이 가는 건 이미 대다수 테이블로 짜여진 여러 웹 페이지들이 가지고 있는 병폐에 상관없이 올바로 균형잡힌 구조의 페이지를 구현하는데 큰 도움이 될 수 있을 것이라는 이유겠지.