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

🛠️ 実はCSSグリッドだけで、プロっぽいダッシュボードが作れちゃいます！ コピペしてすぐ使えるレベルのシンプルさ。 今回は「grid-template-areas」を使って、ダッシュボードUIをゼロから組み立ててみよう まずは完成形を見てほしい！

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

Appleが開発するウェブブラウザ・Safariの最新版となる「Safari 10.1」の新機能や仕様が開発者向けページのGuides and Sample Code上で公開されました。iOSアプリ内で呼び出されることも多いので、Safariのバージョンアップはその後の開発に影響し、地味ながらも少し ...

この「何か」の正体、グリッドレイアウトを知ることで解消できます。 グリッドレイアウトの基本概念と種類が理解できます Webデザインで実際に使えるグリッドの設定方法がわかります グリッドを使ってプロっぽいデザインを作るテクニックが身 ...

ネットで見かけたWebテク （Webテクニック・ Webテクノロジー） 記事から、 Webデザイナーの目で厳選したネタを週刊で紹介するこのコーナー。今回は、 2021年6月28日～7月4日の間に見つけた記事のベスト5です。 CSSグリッドを使って、 画像の上に文字やボタン ...