フレキシブルボックスで作る HTML5&CSS3レッスンブック

エビスコム

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。

本書は、CSSのフレキシブルボックス（Flexbox）を利用してWebページ制作を行うレッスンブックです。

長い間、Webページ制作ではCSSのフロート（Float）が利用され、「ボックスの相互の位置関係でデザインやレイアウトを形にしていく」というノウハウが蓄積されてきました。

フレキシブルボックスはこうしたノウハウをブラウザの互換性や制作手順、考え方も含めて引き継いでいます。
また、フロートで不便だった部分には手が加えられ、いよいよ完成形にたどり着いたと言えるでしょう。

はじめてWebページを作る方にも、今どきのページ制作の基礎を学びなおしたいといった方にも、本書を活用していただければ幸いです。

－「はじめに」より

• カテゴリ: ビジネス・実用
• ジャンル: IT・コンピュータ / デザイン・グラフィックス
• 出版社: ソシム
• ページ数: 320ページ
• 電子版発売日: 2023年01月30日
• コンテンツ形式: EPUB
• サイズ(目安): 82MB

[ブクログ · ★★★★★]

FLEXBOXを使ったWebサイトが作成できる。
ネットでプログラミングの学習をしたあと実際にどのようにWebサイトを設計していけば良いか分からなかったが、本書の流れを参考にしたらなんとか形にすることができた。
HTMLとCSSの基本的な知識さえあれば読み進めることができるレベルでおすすめである。

[ブクログ · ★★★★☆]

『HTML5 & CSS3 レッスンブック』

フロントエンド系の著書では定評のあるエビスコム 氏の著書です。

フレキシブルボックスを使って、実際のWebページを作成する内容になっています。
progateやドットインストール等の教材を終えて、さぁWebページの模写をやろうとして手が止まってしまった時にこの本にお世話になりました。


【本書で学べること・考えること】

・HTMLマークアップ
・CSSでのレイアウト
・レスポンシブ
・テーブルとフォームの作成


取り組んでみての感想です。

基本的にWebの講座と似た内容になりますが、本になっているので体系的にまとめられています。
そのため、Webの講座で勉強した内容の補強、定着に役立つと思います。

実際にこの本を読んだ後は、結構すんなりと模写ができるようになりました。