EBISUCOM(電子書籍)印刷書籍一覧CSSHTMLWebページ制作HTML5&CSS3ステップアップブック(2018)CSSのグリッドレイアウトを利用して、ステップ・バイ・ステップでWebページを作成・アレンジしていく一冊です。978-4802611343本書についての著者NOTE本書の位置付け(ロードマップ)出版社オフィシャル出版社サポートAmazonはじめに本書についてサンプルについてもくじ本書はCSSのグリッドレイアウト(CSSグリッド)でWebページを制作していく書籍です。フレキシブルボックスレイアウトはパーツのレイアウト調整に使用しています。CSSグリッドとフレキシブルボックスレイアウト以外のHTML/CSSについては必要最低限の解説しかしていません。HTML/CSSに関しては下記の書籍を参考にしてください(いずれもエビスコム著)。現場の新標準ガイド』はじめにボックスを並べることしかできなかったWebページのレイアウトが、ついに変わろうとしています。これまでもポジション(position)やテーブル(table)を使って自由なレイアウトを行う試みは繰り返されてきましたが、どれもスマートなものではなく、一般的なテクニックとして浸透していくことはありませんでした。Grid)では、DTPのような自由なレイアウトが可能になります。コンテンツの増加に合わせて追従するような設定や、レスポンシブWebデザインの設定も可能です。そこで、本書ではできるだけグリッドレイアウトの可能性を垣間見られるようなサンプルを用意してみました。ステップ・バイ・ステップで作成していく中で、グリッドレイアウトの多彩な機能や活用方法も修得できるように構成しています。やりすぎている感じもありますが、参考にしてみてください。グリッドレイアウトによるWebページ制作はまだスタートラインに立ったばかりです。これから、もっと便利な使い方のテクニックやレイアウトのバリエーション、ツールなどが生まれてくると思います。そんなグリッドレイアウトの一助として、本書を手にとっていただければ幸いです。デザインブック』を読了された方や、HTML5とCSS3でWebページ制作経験のある方が、CSSのグリッドレイアウトを習得することを目的としています。そのため、本書ではグリッドレイアウトを利用し、ステップ・バイ・ステップで次のようなサンプルを作成していきます。デザインブック』の「ブログ・ニュース系サイトのトップページ」「ビジネスサイト風のトップページ」をグリッドレイアウトで作成したものです。サンプルについて各サンプルはCSSのグリッドレイアウトを利用し、次のような手順で作成していきます。デザインブック』で作成したパーツをベースに用意しています。パーツのデザインはCSSのグリッドレイアウトやフレキシブルボックスレイアウトを利用してアレンジしていきます。トグル型メニューやドロワーメニューはjQueryを使用せず、JavaScriptとCSSで作成していきます。サンプルで使用したグリッドレイアウトとフレキシブルボックスレイアウトの機能については、詳細を各章の最後にまとめていますので参考にしてください。サンプルは主要ブラウザでの表示に対応しています。グリッドレイアウトに未対応なIE11や古いバージョンの主要ブラウザに対応するためには対策が必要です。対策方法についてはAPPENDIXで解説しています。