エ・ビスコム・テック・ラボ

HTML5＋CSS3で多様なデバイスに対応できるWebサイトを制作するために、これから必要とされるデザインの「スタンダード」手法をレシピ方式で徹底解説しました。 スマートフォンやタブレットの登場により、多様なデバイスに対応できるWebページが求められるようになっています。その中で、レスポンシブWebデザインをはじめとする考え方が生まれ、Webページに当然のように組み込まれる時代になってきました。その結果、多様なデバイスに対応したページを効率よく作成していくため、Webページ制作の現場ではワークフローの変化も起きています。 PCブラウザという１つの環境をターゲットに制作できた時代と異なり、現在は膨大な数のデバイスをターゲットに、さまざまな切り口で最大公約数を考えながらページを作成しなければなりません。従来のデザインカンプを再現する作り方では対応が難しく、ページを動かしながら作り込んでいく必要があります。そのような現状をふまえ、本書にはこれからのWebページ制作に必要なレシピをできるかぎり詰め込みました。 本書では、ベースとなるWebページにパーツを組み合わせて配置していくことで、オリジナルのページを作成できるように構成しています。≪Chapter1〜6≫では、そのパーツの作成について解説します。ヘッダー、記事、メニュー、フッター、ボタン、フォーム、テーブル、段組みなどそれぞれのパーツと、そのパーツを組み合わせる際のデザインのレシピを、多数のTipsを交えて紹介していきます。≪Chapter7〜9≫では、それらのパーツを使って実際にページを作成していく方法を解説しています。レスポンシブWebデザインをはじめとする考え方が当然のものとして扱われている現状に合わせて、CSSフレームワークを利用せずに作るのか、CSS フレームワークを利用して作るのかを選択できるようにしています。 CSSフレームワークとしてBootstrapとFoundationを利用する方法を解説しています。≪Chapter10≫では、本書収録のパーツとCSSフレームワークを組み合わせて使うことで、どのようなことができるのか、どのくらい作り込むことができるのかを、4例紹介しています。プロモーションサイト、プロモーションサイトのコンテンツページ、ビジネスサイト、ショップサイトの4例です。パーツやレシピのデータは本書サポートサイトからダウンロードできます。

内容詳細

これからの「標準」を身につける HTML+CSSデザインレシピ (Web Designing Books)

サイトのマルチデバイス対応に必要なノウハウとテクニックを集成！スマートフォンやタブレットが普及し、PC以外からのWebサイト閲覧が増加しています。さらに、Googleがモバイルデバイスに対応しているかどうかを検索結果のランキング要素にしたこともあり、サイトのマルチデバイス対応は必須となりつつあります。これまではマルチデバイスに対応するための明確な指標がなく、多くのページ制作者が試行錯誤を繰り返してきました。しかし、Googleが１つの指標として利用できる「モバイルガイド」をリリースし、状況は大きく変わろうとしています。本書はGoogleの「モバイルガイド」と、ページの問題点を簡単にチェックできる２つの判定ツール「モバイルフレンドリーテスト」および「PageSpeed Insights」を軸にして、マルチデバイス対応に必要とされる知識、ノウハウ、テクニックなどを解説していきます。 【本書の内容】Chapter 1 マルチデバイス対応の指標／Chapter 2 ビューポートの設定／Chapter 3 デバイスに合ったページの用意／Chapter 4 デバイスの判別／Chapter 5 パーツのマルチデバイス対応／Chapter 6 画像の最適化／Chapter 7 Webページの高速化 【本書のポイント】●「モバイルガイド」と「モバイルフレンドリーテスト」「PageSpeed Insights」を元に、マルチデバイス対応の指標をつかめるようになる／●ビューポートの設定、デバイスの判別方法がわかる／●デバイスに合ったページの用意方法や、Webのパーツをマルチデバイス対応させる方法を習得できる／●画像の最適化のテクニックがわかる／●Webページの表示速度を上げるための改善ポイントがわかる／●本書で取り上げたサンプルはサポートサイトからダウンロード可能

著者：エ・ビスコム・テック・ラボの検索結果

これからの「標準」を身につける HTML+CSSデザインレシピ (Web Designing Books)

これからの「標準」を学ぶ　マルチデバイス対応サイト構築 (Web Designing BOOKS)

著者：エ・ビスコム・テック・ラボの検索結果

これからの「標準」を身につける HTML+CSSデザインレシピ (Web Designing Books)

これからの「標準」を学ぶ マルチデバイス対応サイト構築 (Web Designing BOOKS)

これからの「標準」を学ぶ　マルチデバイス対応サイト構築 (Web Designing BOOKS)