1. エビスコムの著者NOTE

『CSSグリッドで作るHTML5&CSS3レッスンブック』について

CSSグリッドで作る HTML5&CSS3 レッスンブック』は、CSSグリッドをベースにしたWebページ制作を行う、新しい時代の入門書です。

Web制作の入り口をCSSグリッドに

Web制作の現場では、当分の間は「フロート(フレキシブルボックス)をベースとした従来のWebデザイン」もあれば、「グリッドをベースとしたWebデザイン」も増えていく状態が続くと思われます。しかし、グリッドをベースとしたWebデザインを従来の延長として捉えるのは無理があります。Webデザインを形にする方法や考え方が、従来の手法とはまったく異なるものになるためです。

そこで、従来の延長ではなく、CSSグリッドをベースにした新しい入門書を書くことにしました。実際に書いてみると、Webページ制作が圧倒的に楽になり、HTMLやCSSも体系立てて理解しやすくなったと思います。モバイルファーストで、本格的なレスポンシブの設定までしっかりと入れ込むことができました。

これまでWeb制作に従事してきた方には抵抗があるかもしれませんが、

といった場合には、Web制作の入り口をグリッドベースにしてもいいのではないかと考えています。

フレキシブルボックス(Flexbox)をベースとした従来型のWebデザインについては、姉妹書『フレキシブルボックスで作る HTML5&CSS3 レッスンブック』を参考にしていただければ幸いです。

※本書で解説したHTMLやCSSの基本に関しては、『フレキシブルボックスで作る HTML5&CSS3 レッスンブック』でも解説してあります。

サンプルのデザインとそれを実現するグリッドについて

作成するサンプルのデザインはあっさりと決まったのですが、それを実現するグリッドの構造については何パターンも作り直し、改良に改良を重ねて最終決定に至りました。

CSSグリッドではさまざまな構造のグリッドを作成することができますが、最適な構造はWebページのレイアウトや目的などに応じて変わってきます。

本書のサンプルの場合、レイアウトの自由度や拡張性を犠牲にすることなく、なおかつ、入門者向けとしてシンプルでわかりやすい構造のグリッドを目指しました。

いろいろなページ制作に使ってもらえる、なかなかなグリッドになっていると思います。本書では、なぜこのような構造のグリッドにしたのか、このグリッドを使ってどのようなアレンジが可能になるのかも解説していますので、参考にしていただければと思います。

CSSグリッドで作るHTML5&CSS3レッスンブック

2018年12月 ソシム株式会社刊
B5変型 320ページ / 978-4802611893

グーテンベルク時代の
WordPressノート
テーマの作り方(入門編)

グーテンベルク時代のWordPressノート テーマの作り方(入門編)

エビスコム 編著 / 224ページ(初版)/ プリント・レプリカ形式

書籍情報 著者NOTE 『グーテンベルク時代のWordPressノート テーマの作り方(入門編)』について 著者NOTE Amazon Kindleのプリントレプリカ形式を選択した理由 Amazon Kindle

プリント・レプリカ形式は無料のKindleアプリ(PC、Mac、Android、iOS用)やFireタブレットでご利用いただけます。Kindle Paperwhiteなどの電子書籍リーダーやKindle Cloud Readerでは利用できません。対応デバイスをご確認のうえ、ご利用ください。