※この電子書籍は固定レイアウト型で配信されております。固定レイアウト型は文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 11刷突破のベストセラーが最新情報にアップデート！ これからはじめる人、一気に学びたい人へ 一生使えるWebデザインのテクニック集！ 絶対に外せない！　レイアウト4つの原則とレスポンシブWebデザイン 今日から使える！　配色の基本と、実例デザインの配色見本集 ユーザーの心を動かす！　写真と図版の使い方、タイポグラフィの選び方 フレックスボックス、CSSグリッド、インタラクション、マーケティングの知識まで この一冊でWebデザイナーに必須の基礎知識が網羅できる！ ＜本書の対象読者＞ ●これからWebデザインを学びたい初心者の方 ●Webサイト制作に自信が持てない方 ●1冊でWebデザイナーの基礎知識を網羅して学びたい方

※この電子書籍は固定レイアウト型で配信されております。固定レイアウト型は文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 これからはじめる人、一気に学びたい人へ 一生使えるWebデザインのテクニック集！ 絶対に外せない！ レイアウト4つの原則とレスポンシブWebデザイン 今日から使える！ 配色の基本と、実例デザインの配色見本集 ユーザーの心を動かす！ 写真と図版の使い方、タイポグラフィの選び方 フレックスボックス、インタラクション、マーケティングの知識まで この一冊でWebデザイナーに必須の基礎知識が網羅できる！ ＜本書の対象読者＞ ●これからWebデザインを学びたい初心者の方 ●Webサイト制作に自信が持てない方 ●1冊でWebデザイナーの基礎知識を網羅して学びたい方

【古くなった「知識」や「情報」を短時間でアップデート！】 「いま・これから」のWeb制作の現場で必須となる情報を、キーワード別に解説した書籍。「Webデザイン・コーディング」「Webディレクション」「SEO・Webマーケティング」「システム・プログラミング」「制作ワークフロー」の5章構成で、制作領域以外にも幅広いジャンルの最新情報を解説しています。 また、キーワード解説のほか、各分野の第一線で活躍するクリエイターや識者が、WebやWebサイトにかかわる様々なテーマを選定し、独自の意見や見解を交えながら執筆した「オピニオンコラム」を豊富に掲載しました。 〈こんな方にオススメ〉 ・Webサイトのデザインやマークアップを担当する方 ・Webサイト制作のディレクションを担当する方 ・自社サイトを運営するWebマスター ・Webのトレンドや最新ツールに関する情報がほしい方 ■本書で解説しているキーワード例 モバイルファースト（コンテンツファースト、コンテキストファースト）／HTML／CSS4や新しいモジュール／SVGなどの画像形式／JavaScriptフレームワーク／ストーリーテリング／UIデザインツール／コンテンツマーケティング／SEOに配慮したサイト設計／AMPとInstant Articles／HTTPとHTTP/2／クラウドホスティングサーバー／スマートデバイスアプリ制作／Gitホスティングサービス／アクセス解析・検索ログ解析／セキュリティ対策　ほか

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 強力なコード編集&拡張機能に「恋に落ちる」ユーザーが増加中♪　劇的にコーディング作業がはかどる最強のエディタの基本設定から特撰パッケージまでを、この一冊で完全網羅。筆者が実際にインストールしているおすすめパッケージも80本解説しています。バージョン3&2両対応、便利な対訳付きメニュー&ショートカット一覧付き。

【移り変わりの激しい現在だからこそ、ゆるぎない基本を身に付ける。】 HTML＋CSSを利用してコーディングとデザインを進めていくうえで「これだけは知っておかなくてはならない」という基礎となる知識と技術をまとめた解説書。ウェブデザインとHTML＋CSSの基本を皮切りに、レイアウト、ビジュアルデザイン、ナビゲーションやフォームといった実践的なコーディングのポイントも解説していますので、ウェブ制作の現場で役立つ情報が凝縮されています。知識があいまいな初心者の方はもちろん、「いまのコーディング」を再学習する必要性を感じているウェブデザイナーの方にも役立つ一冊です。

【いまのWeb制作に乗り遅れないために。大好評ベストセラーの最新改訂版！】 ここ最近のWeb制作の状況を見ても、サポート切れによる古いInternet Explorerの淘汰とEdgeへの移行、ファブレットの普及によるタッチデバイス端末の画面サイズの多様化、モバイル対応の一般化、フラットデザインの定着など、様々な点で変化と進化を遂げています。 本書ではこのような状況を踏まえ、2014年に刊行してご好評をいただいた『現場のプロが教えるWeb制作の最新常識』を現在の状況にあわせてアップデートしました。「デザイン・レイアウト」「マルチデバイス対応」「HTML・CSS・JavaScript」「サイト構築・管理・運用」の4つの側面から、いまWeb制作に携わる方々が知っておくべき情報を網羅的に解説しています。いまのトレンドとそれらのメリット／デメリット、採用する際の前提や条件などにも触れていますので、実際の仕事で取り入れるかどうかを検討する際にも役立ちます。 「最近はどんなレイアウトが流行っている？」「モバイルフレンドリーテストにはどう対応すればよい？」といったよくぶつかる疑問を解消し、Web制作の「いまの常識」を体系的に理解できる一冊です。 〈本書の内容〉 ■CHAPTER1　デザイン・レイアウト Webデザインの潮流／情報設計の傾向／レイアウトのトレンド／プロモーションサイト／配色／脱ビットマップ画像／フラットデザインの注意点／Google Material Design／無料ツール／Webフォント／デザインガイドライン作成／Webリソース ■CHAPTER2　マルチデバイス対応 マルチデバイス対応／モバイルファースト／モックアップ作成とインブラウザデザイン／デザインガイドラインを参考に／スマートフォンサイトのレイアウト／レスポンシブの変化パターン／スマートフォン特有のコーディング／モバイルフレンドリーテストへの対応／iOSとAndroidの違い ■CHAPTER3　HTML・CSS・JavaScript ターゲットブラウザの決め方／CSS3の使い方／ベンダープレフィックス／リセットCSS／ブラウザ対応用ライブラリ／フォーム／アイコンフォント／CSSフレームワーク／CSSメタ言語／SassとCompass／ポストプロセッサー／CSS設計／フロントエンドでの軽量化／Emmet／エディタ／構造化マークアップ／Webアクセシビリティ／jQueryのバージョン／Node.js＆ツール／開発者ツールとシミュレーター ■CHAPTER4　サイト構築・管理・運用 プロジェクト管理／CMS／バックエンドでのサイト高速化／サーバの選び方／SEOの最新情勢／ソーシャル対応／Google Analytics／セキュリティ／マーケティングの用語集

【いまのWebデザインのトレンドがこの1冊でわかります。】 　HTML5やCSS3への移行、レスポンシブWebデザイン、フラットデザイン、モバイルファースト──近年のWebデザインで話題にのぼるこれらのキーワードは、一見ばらばらなように見えても、実は一本の線でつながっているといえます。それらは「PCで見るためのWebサイト制作」という従来の固定観念から離れ、スマートフォンやタブレットを含む多様なデバイスでの利用に耐えるWebサイトを、いかにユーザーフレンドリーに、かつ効率よく構築するかという視点から生まれたものといえるでしょう。 　本書はこのような潮流を踏まえ、続々と登場しているWebデザインの新しい技術と手法、ツールとトレンドを1冊にまとめて解説しました。実際に現場で役立つトピックを厳選しており、デザインやレイアウトの流行の手法から、コーディング、プロジェクト管理やSEOなどの運用面まで、Web制作に携わる方々が知っておくべき最新情報を網羅しています。「最近はどんなレイアウトが流行っている？」「HTML5とXHTMLのどちらで制作するべき？」といったよくぶつかる疑問を解消し、Web制作の「いまの常識」を体系的に理解できる1冊です。

【1日30分からはじめる！ 制作現場の実践的コーティング】 本書は、HTML・CSSの基本をひと通り身につけた方を主な対象に、制作現場でプロとして活躍するために必要なWebコーディングの技術を解説したものです。 HTML・CSSのコーディング初心者を脱して間もないレベルと、制作現場の第一線で活躍できる技術レベルの間には、当然ですが大きなギャップがあります。本書は、このギャップを少しでも埋められるような内容を目指しました。 全7章構成の前半では、テキストエディターの設定、Node.jsやGulp、バージョン管理システムの導入といった効率的な開発環境を構築・整備する方法とともに、フロントエンド技術周辺の必要知識を解説。より効率的にコーディングするための環境を整えていきます。 後半では、デザインカンプやWebサイトを題材に、現場の実践的なコーディングを学んでいきます。Webページのレイアウトを「コンポーネント」単位で捉える視点を身につけ、事前のマークアップ設計やCSS設計を行った上でコーディングを進めるノウハウを習得できます。解説及びサンプルには、BEMやSass（SCSS記法）、初歩的なVue.jsを取り入れました。 〈こんな方にオススメ〉 ・制作現場のプロで活躍するコーディング技術を学びたい方 ・HTML・CSSの基本を習得したあと、ステップアップしたい方 ・フロンエンドの開発環境に関する知識を身につけたい方 〈本書の特長〉 ・1冊で、理論（読むパート）と実践（作るパート）の両方を習得できる ・記事ごとに学習時間の目安を設けており、学習教材としても利用しやすい ・作りながら覚えることで、学んだことをすぐに実践できる 〈本書の内容〉 ■Lesson 1　現場のコーディングとツール ■Lesson 2　フロントエンド技術の“いま” ■Lesson 3　開発環境の構築 ■Lesson 4　カンプからのコーディング設計 ■Lesson 5　BEMを使ったCSS設計 ■Lesson 6　Sass（SCSS）を取り入れる ■Lesson 7　Vue.jsを取り入れる

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 スマホサイトでよく使う43種類のUIパーツをビジュアルで解説。名前から実際の使い方、HTML5/CSS3+jQueryで実装するためのソースコードまでを1冊にまとめました。打ち合わせやプロトタイピング、コーディングに役立つ便利な図鑑です。コピー&ペーストですぐに使えるサンプルファイルのダウンロード付き。

【どうすれば崩れないか、Webページのパーツごとにわかる。】 スマートフォン、タブレット、PCなど、多様なデバイスでの表示に対応する手法として定着したレスポンシブWebデザイン。1つのサイトでさまざまな画面サイズに対応できる点が魅力ですが、しっかりと意識してつくらないとレイアウトが崩れたり、UIの機能が損なわれて使いづらくなったりと、問題が起こりがちです。 本書では最も基本となるレイアウトをはじめ、ナビゲーション・フォーム・モーダルウィンドウ・カルーセルなどのパーツごとにレスポンシブに対応させる実装方法を解説しました。シンプルなわかりやすい作例をベースにステップ・バイ・ステップ形式で解説していますので、本質的な仕組みを理解できます。また、掲載コードをダウンロードでき、コピー＆ペーストなどでご利用いただけますので、ご自身のWebサイトに部分的に取り入れたり、ひな型として使用することも可能です。Googleマップなどの外部API、Webアイコンフォント、遅延読み込みといった周辺技術も取り上げていますので、スマートフォンに対応したサイト制作の傍らでお役立ていただける一冊です。 〈本書の内容〉 ■Chapter1　基本の確認 ■Chapter2　レイアウト ■Chapter3　ナビゲーション ■Chapter4　ギミック ■Chapter5　フォーム ■Chapter6　細かなテクニック ■Chapter7　API・外部サービスの活用

【現場で本当に必要になるWEB制作のルールの集大成！】 スマートフォンやタブレットをはじめとしたデバイスの多様化とWeb技術の進化により、Web制作の姿は大きく変貌しつつあります。現在求められているような、さまざまな環境での閲覧に耐えうるWebサイトを構築するためには、従来のWebデザインの作り方・考え方では通用しません。設計・レイアウト・装飾・コーディングといった制作場面のすべてにおいて、さまざまなスペックと操作感をもつデバイスが存在することを前提に、可能な限り順応性の高い手法を採用していくという視点が不可欠です。 本書では、このような“Webの現代”に通用するWebデザインの制作手法を網羅的に解説しています。「レイアウト」「配色」「サイト設計＆プロトタイピング」といったWebデザインの骨格をなす基本から、「デザイン＆パーツ制作」「HTML＋CSSコーディング」「リッチコンテンツ＆Webアプリケーション」などの実作業に関わる技術、「運用・分析・集客・リニューアル」といったマネージメントに関わる領域まで、プロとしての基礎知識と現在の潮流がわかります。プロのWebデザイナーから、これからWebデザイナーを目指す人まで、Webデザインに関わるすべての人に必携の1冊です。