HTML5/CSS3モダンコーディング フロントエンドエンジニアが教える3つの本格レイアウト スタンダード・グリッド・シングルページレイアウトの作り方 (WEB Engineer’s Books)の表紙

HTML5/CSS3モダンコーディング フロントエンドエンジニアが教える3つの本格レイアウト スタンダード・グリッド・シングルページレイアウトの作り方 (WEB Engineer’s Books)

吉田 真麻

出版日: 2015/11/3

出版社: 翔泳社

最終更新: 2023年10月30日

人気スコア: 680

どんな本?

本書は、フロントエンドエンジニアが現場で使う実践的なHTML5/CSS3コーディングテクニックを、3つの本格的なレイアウト(スタンダード、グリッド、シングルページ)を実際に作りながら学べるハンズオン形式の書籍です。Web制作で主流のデザインスタイルを、デザインから骨格、中身まで一貫してコーディングするフローで習得します。各スタイルの特徴や使い分け、具体的なコーディング手法を、手を動かしながら無理なく身につけることが可能です。3つのサイト制作を通して、「本格的なレイアウトを構築できた」「レイアウトに応じたコーディングの具体的手法がわかった」という達成感を得られ、学習意欲を高める構成となっています。駆け出しのフロントエンドエンジニア、HTML/CSSコーディングに興味のあるデザイナー、バックエンドエンジニアなど、実務で役立つスキルアップを目指す方におすすめです。モダンなWebサイト制作に必要な実践的スキルを習得し、自信を持ってコーディングできるようになる一冊です。

読者の評価・レビュー

5件の記事から分析 (中信頼度)

読んで得られた成果

  • モダンなWebデザインのコーディングスキルを習得し魅力的なWebサイトを制作
  • 実務で通用するスタンダード、グリッド、シングルページレイアウト技術を習得
  • ポートフォリオ作成時に重宝する即効性の高い実務技術が身についた
  • FlexboxやGridを使った実践的レイアウト構築で洗練されたWebサイトを制作

この本の特徴

  • フロントエンドエンジニアが押さえる3つの基本レイアウトを実践的に学べる
  • HTML/CSSのつまずきやすいポイントとその解決策を丁寧に解説
  • 2020年増補改訂版で情報がアップデートされ最新技術に対応している
  • Font Awesomeのような最新技術の活用方法も学べる

読者の声

"Webサイトを見る目が変わるほどの気づきを得られ「作る側」の視点が身についた"
"CSSでここまで表現できるのかと感動し、デザインの幅が大きく広がった"
"記事の筆者もポートフォリオ作成時に重宝したとのことで実務で役立つ"
"具体的な3つのレイアウト作成を通して、フロントエンドの実践力を養える"

こんな人におすすめ

対象レベル: Web制作の未経験者からHTML/CSS基礎を学習済みの初心者〜中級者

前提知識:

  • HTML/CSSの基本的な知識

こんな目標を持つ人に:

  • モダンなWebデザインのコーディングスキルを習得したい
  • 実務で通用する本格的なレイアウト技術を身につけたい
  • より魅力的で機能的なWebサイトを制作できるようになりたい

※ この情報は5件の技術記事からAIが分析・生成したものです。 実際の内容は書籍でご確認ください。

この本に言及している記事

Q

エンジニアに読んで欲しい技術書90選

by S4nTo on Qiita 2023年10月30日
"フロントエンドエンジニアが押さえるべき3つの基本レイアウト(スタンダード、グリッド、シングルページ)の作り方を、実践的なサンプルコードと共に学べます。本書を読むことで、モダンなWebデザインのコーディングスキルを習得し、より魅力的で機能的なWebサイトを制作できるようになります。実務で通用するレイアウト技術を体系的に身につけることが可能です。"
Q

2022年1月~12月に読んだ書籍紹介

by Tun on Qiita 2023年1月7日
"FlexboxやGridを使った実践的なレイアウト構築を通じて、応用的なHTML/CSSスキルを習得できる。CSSでここまで表現できるのかと感動するほど、デザインの幅が広がる。フロントエンドエンジニアが現場で使う技術を解説しており、より洗練されたWebサイト制作を目指す学習者にとって最適。具体的な3つのレイアウト作成を通して、実践力を養える。"
Q

実務未経験者が今まで独学に使ってきた技術書を公開していくよ

by 天才 on Qiita 2021年9月13日
"HTMLとCSSのつまずきやすいポイントとその解決策を丁寧に解説。特に、スタンダード、グリッド、シングルページレイアウトの3つの本格レイアウト手法を段階的に学べるため、Web制作の基礎固めに最適です。2020年の増補改訂版も出ており、情報もアップデートされています。Web制作の基本をしっかり理解したい未経験者におすすめです。"
Q

社会人デビューから1年6ヶ月の間に読み漁った技術書20冊をまとめました。

by aki on Qiita 2020年10月20日
"HTML/CSSの入門書で学んだ知識を、さらに実践的なスキルへと昇華させたい方におすすめです。スタンダード、グリッド、シングルページレイアウトといった応用的なコーディングを習得でき、Webサイトを見る目が変わるほどの気づきを得られます。Web制作の「作る側」の視点を身につけたい方に最適です。"
Q

個人的にオススメしたいHTML/CSSの学習教材

by 優樹 仲 on Qiita 2020年2月10日
"HTML/CSSの基礎を学んだ後に、より実践的でモダンなコーディング手法を習得したい方におすすめです。Font Awesomeのような最新技術の活用方法や、スタンダード、グリッド、シングルページレイアウトといった本格的なレイアウト構築スキルが身につきます。記事の筆者もポートフォリオ作成時に重宝したとのことで、実務で役立つ即効性の高い技術を習得できる点が強みです。"

関連書籍

「HTML5/CSS3モダンコーディング フロントエンドエンジニアが教える3つの本格レイアウト スタンダード・グリッド・シングルページレイアウトの作り方 (WEB Engineer’s Books)」と一緒に紹介されることが多い本