ChromeとFirefoxにデフォルトで実装された、CSS Grid Layout Module(グリッドレイアウトモジュール)。その基本的な機能と使い方を、デモを交えて。 Webアプリケーションはいよいよ複雑化してきています。そのためフロートを使ったハック的なソリューション抜きで、もっと自然に、簡単に高度なレイアウトを実現できる方法や、手間の省けるテクニックが必要とされています。CSS Grid Layout Moduleを使って、レイアウト作成における期待の新しいソリューションを実現できます。 本記事ではこの比較的新しいCSS機能について紹介します。現時点でのブラウザーの対応状況を説明し、例を使ってCSS Grid Layout Moduleがどのように動作するかを説明します。 CSS Grid Layout Moduleとは? Grid Layoutの背後にある中心的な概念は、We