次世代のCSSレイアウトとして注目されるのが、Grid Layout Module。実用段階まではまだ時間がかかりそうですが、活発な標準化の動きをチェックしておくとライバルに差を付けられそうです。 柔軟性に優れたCSSのグリッドレイアウト（Grid Layout）の仕様は ...

ChromeとFirefoxにデフォルトで実装された、CSS Grid Layout Module（グリッドレイアウトモジュール）。その基本的な機能と使い方を、デモを交えて。 Webアプリケーションはいよいよ複雑化してきています。そのためフロートを使ったハック的なソリューション抜き ...

ウェブデザインにおいて「Masonry(石組み)レイアウト」は古くからデザイナーの悩みの種であり、いくつもの解決法が提示されてきました。2025年の暮れにW3Cによって草案がまとめられたCSSグリッドレーン(Grid Lanes)は、石組みレイアウトを実現するための新たな ...

CSSでグリッドレイアウトを実現するための仕様のワーキングドラフト「CSS Grid Layout - W3C Working Draft, 2 April 2013」が公開された。将来のCSSでグリッドデザインを実施する方法として参考になる。公開されたワーキングドラフトにはサンプルコードが豊富に掲載さ ...

プランニングからデザイン、そしてシステム構築まで。 Webの「仕事」がトータルに理解できるプロフェッショナル養成講座。 Webサイトのレイアウトパターンはサイトの持つ目的や性質、業種などによっていくつかに分類されるが、そこに採用される ...

インプレスグループで電子出版事業を手がける株式会社インプレスR&Dは、『図解でわかる！FlexboxとGrid Layout』（著者：岡花 智貴）を発行いたします。 最新の知見を発信する『技術の泉シリーズ』は、「技術書典」や「技術書同人誌博覧会」をはじめとした ...