on:2017年5月12日sponsorsWeb制作の現場で必要とされるHTMLとCSSを基本からしっかり身につけることができるオススメの本を紹介します。HTMLとCSSの基本から、レスポンシブ対応ページの実装まで、現場で実際に使われているテクニックを学ぶことができます。本書はHTMLとCSSの業務に携わりたい、本格的に勉強したい人向けの入門書です。知識ゼロの人でもしっかり学ぶことができ、コーダーとしての知識を見つけることができます。デザイナーやディレクターがHTMLやCSSの理解を深めるためにも役立ちます。出版社:MdNコーポレーション発売日:2017/4/28Kindle版は値段が少し安く、お得です。HTML+CSSワークショップ(Kindle版)では、そんな本書の中身を紙面のキャプチャで少しだけご紹介。本書はオールカラーで、全431ページ。分厚く、サンプルのコードが非常に多いのが大きな特徴です。知識ゼロでも基本からしっかり学ぶことができ、現場で今使用されているテクニックも非常に分かりやすく解説されています。基礎知識の解説だけではなく、作業手順やフローについても解説されているので、コーダーの業務としても役立つ知識が多いです。本書の中身をもう少し見てみましょう。本書はワークショップ形式で、一つのレッスンを読みながらコードを書き進めて学ぶことができます。解説は非常にやさしく、分かりやすく、現場で必要とされる知識もいつの間にか身についてしまうと思います。考え方など、基礎知識だけではなく、踏み込まれたところもじっくり解説されています。本書の後半ではサンプルサイトを元に、今まで学んだHTMLとCSSをベースに更に実践的なテクニックを学んでいきます。ページを作成する時は、基本となるテンプレートを作成し、そこから展開していきます。コンテンツの幅をどうするのか、ページ全体を左端・中央のどこに配置するのか、ブロック間の余白を確保したり、レイアウトの調整を行います。CSSの実装にもフローがあります。最初はヘッダやフッタ、ナビゲーションといった共通部分から作成していきましょう。トップページや配下ページのページごとの見た目を調整します。フォームの実装が苦手という人も多いと思います。HTMLとCSSだけでなく、Webフォントやアクセシビリティについても基本がしっかり解説されています。FacebookやTwitterなどのソーシャルサービス、Googleマップなどとの連携も一通り学ぶことができます。応用:JavaScriptで動きを表現するJavaScriptの基本と特徴JavaScriptで画像をスライドさせる応用:SNSや他サービスとの連携GooleマップをWebページに埋め込むFacebookのページプラグインを表示するFacebook・Twitterのシェアリンクを設定するHTMLやCSSの本は数多く、出版されています。中には内容が高度で、挫折してしまった人もいるかもしれません。本書は、そういった高度な専門書を理解するための基礎知識もしっかり身につけることができると思います。最後に、献本いただいたMdNコーポレーションの担当者さまに御礼申し上げます。当サイトでは随時、献本を受け付けています。お問い合わせは下記よりお願いいたします。