「図解でわかる!FlexboxとGrid Layout」が発刊されました。

矢継ぎ早に進化しているHTML・CSSの技術ですが、現在Webページのレイアウトを作る上で「Flexbox」「Grid Layout」は非常に重要な技術の1つで、これらの技術を使うことで様々なレイアウトを作れるようになります。

図解でわかる!FlexboxとGrid Layout
図解でわかる!FlexboxとGrid Layout

本書では、このFlexboxとGrid Layoutの体系的な基礎知識に加え、それらを活用したレイアウトの作成方法を学ぶことができ、FlexboxとGrid Layoutに関する理解を深めるだけでなく、実際にレイアウトを作り、使いこなせる状態を目指していきます。

個人的には、Flexboxのほうが比較的簡単に学習できるように思うのですが、モバイルファーストで作る分にはGrid Layoutのほうが使い勝手が良さそうに思うんですよね。

特にエリア(grid-template-areasとgrid-area)でレイアウトすることを考えると、視覚的に考えることができるので、大まかなレイアウトを「Grid Layout」で行い、コンテンツ部分の細やかなレイアウトで「Flexbox」を使えばいいんじゃないだろうか。

まぁ、これはちょっと試してみよっと。