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

Yaml4は、ツールやテンプレートを用いて、マルチカラムやグリッドレイアウトを作成できるCSSフレームワークである ...

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

「ウェブの未来を担う次のUIデザインは『カード』にあり」と言われるなど、ウェブサイトを格子状にレイアウトしたグリッドデザインは人気で、多くのアプリやウェブサイトで採用されていますが、実際にグリッドデザインと以前からあるリストデザイン ...

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

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

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

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

翔泳社では、「独習」「徹底入門」「スラスラわかる」「絵で見てわかる」「一年生」などの人気シリーズをはじめ、言語や開発手法、最新技術を解説した書籍を多数手がけています。プロジェクトマネジメントやチームビルティングといった管理職向けの ...