# Web Development Review Notes for October 23: From CSS Grid to Video and Scroll Effects

In the class on October 23, we learned how to use CSS Grid to arrange entire pages, photos, and cards. In the second half, we reviewed how to display videos, handle smartphone screen heights, and ...
マイナビニュース

CSSグリッドレイアウト、W3Cがドラフト仕様公開

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

実用段階に来た次世代CSSレイアウト「Grid Layout Module」ってなに？

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

CSSグリッドレーン (Grid Lanes) とは何なのかをWebKit公式が解説

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

CSSグリッドレーン(Grid Lanes)とは何なのかをWebKit公式が解説

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

Tips for creating smooth, simple accordion open/close animations using grid-template-rows

The "accordion" UI is a common sight on websites. It's that component where tapping a heading makes the content expand smoothly. While it looks simple, many people have likely encountered the ...