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

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

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。

HTML5+CSS3で多様なデバイスに対応できるWebサイトを制作するために、これから必要とされるデザインの「スタンダード」手法をレシピ方式で徹底解説しました。

スマートフォンやタブレットの登場により、多様なデバイスに対応できるWebページが求められるようになっています。その中で、レスポンシブWebデザインをはじめとする考え方が生まれ、Webページに当然のように組み込まれる時代になってきました。その結果、多様なデバイスに対応したページを効率よく作成していくため、Webページ制作の現場ではワークフローの変化も起きています。 PCブラウザという1つの環境をターゲットに制作できた時代と異なり、現在は膨大な数のデバイスをターゲットに、さまざまな切り口で最大公約数を考えながらページを作成しなければなりません。従来のデザインカンプを再現する作り方では対応が難しく、ページを動かしながら作り込んでいく必要があります。そのような現状をふまえ、本書にはこれからのWebページ制作に必要なレシピをできるかぎり詰め込みました。

本書では、ベースとなるWebページにパーツを組み合わせて配置していくことで、オリジナルのページを作成できるように構成しています。≪Chapter1～6≫では、そのパーツの作成について解説します。ヘッダー、記事、メニュー、フッター、ボタン、フォーム、テーブル、段組みなどそれぞれのパーツと、そのパーツを組み合わせる際のデザインのレシピを、多数のTipsを交えて紹介していきます。≪Chapter7～9≫では、それらのパーツを使って実際にページを作成していく方法を解説しています。レスポンシブWebデザインをはじめとする考え方が当然のものとして扱われている現状に合わせて、CSSフレームワークを利用せずに作るのか、CSSフレームワークを利用して作るのかを選択できるようにしています。 CSSフレームワークとしてBootstrapとFoundationを利用する方法を解説しています。≪Chapter10≫では、本書収録のパーツとCSSフレームワークを組み合わせて使うことで、どのようなことができるのか、どのくらい作り込むことができるのかを、4例紹介しています。プロモーションサイト、プロモーションサイトのコンテンツページ、ビジネスサイト、ショップサイトの4例です。パーツやレシピのデータは本書サポートサイトからダウンロードできます。

• カテゴリ: ビジネス・実用
• ジャンル: IT・コンピュータ / デザイン・グラフィックス
• 出版社: マイナビ出版
• ページ数: 320ページ
• 電子版発売日: 2014年04月18日
• コンテンツ形式: EPUB
• サイズ(目安): 83MB

[ブクログ · ★★★☆☆]

HTMLやCSSの基本的な知識を活用してウェブ・ページを制作するさいに役立つ知識をまとめた本です。

前半では、ヘッダー・フッター・記事・メニューといった、ウェブ・ページを構成しているパーツごとに分けて、それぞれの比較的簡単なサンプル・コードと解説がなされています。後半は、CSSフレームワークの「Bootstrap」と「Foundation」の紹介がなされており、最後にそれらをつかって作成したウェブ・ページの実例が、解説とともに置かれています。

前半の部分にかんしては、本書より古い内容になりますが、おなじ著者による『XHTML/HTML+CSSスーパーレシピブック』（2009年、毎日コミュニケーションズ）のほうが、説明がていねいで実例も豊富だと感じました。それに対して本書では、後半のCSSフレームワークの利用例についての説明を含んでいますが、読者がじっさいにつかいやすいような実例を示すにとどまっており、それらについて基礎から学びたいという読者は、べつの本を参照する必要があります。