出版社内容情報
向こう5年は通用する、本格プロの技術●本書の特色
CSSの設計からHTMLへの実装までが体系的に学べる
現場で実績のあるサンプルコードが手に入る
●こんな読者に向いています
・Webの専門学校を卒業し、制作会社に入社した人／Webエンジニア
・自分のWebサイト作成に限界を感じている人
・HTML/CSSマークアップ力をもう一段高めたい人
・最前線の現場でHTML/CSSがどう書かれているのかを知りたい人
・CSS設計の理論と実践を学びたい人
デザインの変更に強く、再利用が容易なWebサイトを作ろう！
マルチデバイス対応や頻繁なデザイン変更など、Webサイトに対する要求の多様化により、将来の拡張やメンテナンスを視野に入れた「CSS設計」のニーズが開発の現場で高まっている。
本書では、仕事でWebサイト作る人に必須の知識となる、CSS設計の基礎的な概念からその実装方法を、サンプルページを通して体系的に解説。導入から設計の基礎、Webサイトへの実装までが学べる。
■Chapter1 Gulpを使った開発環境の構築
●1-1 ダウンロードファイルについて
●1-2 開発環境を構築しよう
■Chapter2 HTML/CSSとSassの基本
●2-1 HTML
●2-2 CSS
●2-3 Sass
■Chapter3 美しいCSSを書くためのHTMLマークアップ ?CSS設計?
●3-1 デザインカンプを確認し、CSS設計を理解しよう
●3-2 サイト制作の下準備をしよう
●3-3 Headerを作成しよう
■Chapter4 Sassを使ったサイト制作 その1（ヘッダーなど）
●4-1 Headerのスタイルを作成しよう
●4-2 レイアウトを作成しよう
■Chapter5 Sassを使ったサイト制作 その2（メインコンテンツやフッターなど）
●5-1 メインイメージを作成しよう
●5-2 コンテンツ部分を作成しよう
●5-3 フッターを作成しよう
●5-4 フォルダを整理しよう
■Chapter6 プロらしく「魅せる」テクニック ?トップページの総仕上げ?
●6-1 アイコンフォントを活用しよう
●6-2 WebFontを利用しよう
●6-3 突発的な修正に上手に対応しよう
●6-4 Webページをレスポンシブ化しよう
■Chapter7 パーツの組み合わせによる「高速」Webページ制作
●7-1 キャンペーンページを作成しよう
●7-2 サイドバーのある画面を作ろう
■Appendix HTMLの基本
●A-1 HTMLとマークアップについて
ヤフー株式会社 森本 恭平［ヤフーカブシキカイシャモリモトキョウヘイ］
ヤフー株式会社勤務。Web制作者／フロントエンドエンジニア。Yahoo! JAPANの広告管理ツールの制作とYahoo! JAPANのスマートフォンの共通UIの設計および管理に携わる。著作・翻訳実績に、『一人から始めるユーザーエクスペリエンス』（丸善出版）、『HTML5モバイルアプリケーションフレームワーク Sencha Touchパーフェクトガイド』（アスキー・メディアワークス）がある（いずれも共作）。
平谷 奈緒子［ヒラヤナオコ］
ヤフー株式会社勤務。Webデザイナー／フロントエンドエンジニア。
中西 生乃［ナカニシイクノ］
ヤフー株式会社勤務。Webデザイナー／フロントエンドエンジニア。
内容説明
マークアップの基本から設計、Ｆｌｅｘレイアウトまで。５年経っても通用する、最強・最新テクニックを教えます。ＨＴＭＬ５／ＣＳＳ３対応。
目次
イントロダクション
１ Ｓａｓｓコンパイル環境の構築
２ ＨＴＭＬ／ＣＳＳとＳａｓｓの基本
３ よいＣＳＳを書くためのＨＴＭＬマークアップ―ＣＳＳ設計
４ Ｓａｓｓを使ったサイト制作その１（ヘッダーなど）
５ Ｓａｓｓを使ったサイト制作その２（メインコンテンツやフッターなど）
６ プロらしく「魅せる」テクニック―トップページの総仕上げ
７ パーツの組み合わせによる「高速」Ｗｅｂページ制作
ＨＴＭＬの基礎
著者等紹介
森本恭平［モリモトキョウヘイ］
ヤフー株式会社メディア・マーケティングソリューションズグループマーケティングソリューションズカンパニーマーケッターＰＦ開発部所属。Ｗｅｂエンジニア。元々営業出身だったが、独学でＷｅｂ技術を習得し、フロントエンドエンジニアへと転身。主要な業務としては、Ａｎｇｕｌａｒ．ｊｓを中心としたＪａｖａＳｃｒｉｐｔフレームワークを使ったツールの開発を担当。またＨＴＭＬ／ＣＳＳを使い、全社共通のＵＩフレームワークの開発にも従事している
平谷奈緒子［ヒラヤナオコ］
ヤフー株式会社メディア・マーケティングソリューションズグループマーケティングソリューションズカンパニープロモーション広告開発本部デザイン部所属。Ｗｅｂエンジニア。ヤフー株式会社に新卒として入社後、Ａｎｄｒｏｉｄアプリ「Ｙａｈｏｏ！スマホ最適化ツール」のデザインをはじめとして、複数のサービスで設計からデザイン、コーディングまでを担当。現在はディスプレイ広告のＵＩ設計および実装までを主務としながら、設定管理ツールの改善や開発環境の整備を通じた業務効率の向上も担っている
中西生乃［ナカニシイクノ］
ヤフー株式会社メディア・マーケティングソリューションズグループマーケティングソリューションズカンパニープロモーション広告開発本部デザイン部所属。Ｗｅｂデザイナー。新卒でヤフー株式会社に入社。現在入社４年目。以来、広告主向けのポータルサイトのコーディングやディスプレイ広告のＵＩ改善を担当（本データはこの書籍が刊行された当時に掲載されていたものです）
※書籍に掲載されている著者及び編者、訳者、監修者、イラストレーターなどの紹介情報です。
感想・レビュー
※以下の感想・レビューは、株式会社ブックウォーカーの提供する「読書メーター」によるものです。
ツムリ
-
- 洋書
- Permission
