CSS 3でグリッドデザイン | クリエイティブ・タブロイド withD（ウィズ・ディー）

前回、DTP的な段組スタイルを実現するCSS 3 Multi-column moduleを紹介しましたが、今月はさらに一歩進めて、DTP的なグリッドシステムの概念を持ち込むCSS 3 Grid Positioning moduleを紹介します。率直にいって、将来、ウェブページ制作のフローに、きわめて大きな影響をあたえるかもしれない規格といっても過言ではないはずです。 グリッドシステムの概念をCSSに 組版印刷の世界では、グリッドシステムと呼ばれる、紙面領域を仮想の格子（グリッド）状に分割して、文字や図版を格子で仕切られた区画に割りつけていくデザイン手法が、長い間 利用されてきました。その基本的なノウハウはウェブデザインの世界でも活かされ、論理的で一貫性のあるページデザイン（設計）に役立てられています。（下掲リソース参照。一例）