「ICS×Goodpatch Anywhere合同勉強会」はそれぞれの聞きたいテーマを持ち寄った勉強会です。株式会社ICSから登壇者の1人として、モバイルアプリ開発やウェブページ制作のフロントエンジニアである鹿野壮氏が参加（※イベント開催時点）。「古きを捨てて新 ...

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

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

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

進化するCSSの機能を駆使して、CSSだけでクロスワードパズルを作りました。JavaScriptは一切使っていません！ JavaScriptを使わずにCSSグリッドで動くCSSオンリーのクロスワードパズルを作成したところ、CodePenで話題になりました。執筆時点でハートマークが350 ...

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

マイナビ出版は、柔軟でレスポンシブなWebデザインをHTMLとCSSで実現する「CSSグリッドレイアウトデザインブック」を6月15日に発売する。B5変型判／320P／2,980円（税抜）。 これまでのHTMLとCSSを使ったWeb制作では、思ったようなデザインを実現するために ...

選本・レビュー：久保田涼子（デジタルハリウッドSTUDIO Webデザイナー専攻講師） Webデザインを学び始めた人が、まず戸惑い、壁にぶつかるのが、一度完成したデザインを文字列に組み替えてレイアウトを整えるといったHTML×CSSの工程ではないでしょうか。