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

エ・ビスコム・テック・ラボ[著]
ISBN978-4-8399-3829-4887-0
2014/03発売

著者のサイト

著者のサイトで、完成サンプルをご覧になれます。また、適宜情報が更新されていますので、ぜひご参照ください。

http://ebisu.com/design_recipe/

ダウンロード

本書に掲載したサンプルを収録しています。ダウンロード、解凍した後、readme.txtをご参照ください。

design-recipe.zip

●本書に掲載したサンプル(パーツやレシピ)のデータを収録しています。パーツの作成方法などについては本書を参照してください。

●サンプルのデータは章ごとにフォルダに分けて収録してあります。たとえば、「Chapter 1 ヘッダー」の「HEADER 01」のデータは「/01-header/header01.html」となります。

●Chapter 1~6 のサンプルについては、HTMLとCSSの設定をまとめてコピーしやすいように、CSSの設定をHTMLファイル内の <style>~</style>に記述してあります。

●Chapter 7~10のサンプルについては、HTMLの設定はsample.htmlに、CSSの設定はstyle.cssに記述してあります。

●ソースはUTF-8で保存してありますので、利用する場合にはUTF-8に対応したエディタで開くか、ブラウザでソースを開き、コピーして利用してください。

●各サンプルへのリンクはindex.htmlにまとめてありますので、ブラウザで開いてご利用ください。

●本書に記載されている内容や本ダウンロードデータの運用によって、いかなる損害が生じても、株式会社マイナビおよび著者は責任を負いかねますので、あらかじめご了承ください。

訂正情報

■初版第1刷の訂正(2014/03)----------------------------------

●P210

手順29「ヘッダーを画面の横幅いっぱいに表示する」の11行目にミスがございました。

【誤】

<div class=”footer”>の中に記述した形にします。

【正】

<div class=”header”>の中に記述した形にします。

●P231

手順「フッターをデザインする」のソースコード3行目にミスがございました。

【誤】

<div class="col-sm-12"

【正】

<div class="columns medium-12"

●P232

手順「ナビゲーションメニューをデザインする」のソースコード3行目にミスがございました。

【誤】

<div class="col-sm-12"

【正】

<div class="columns medium-12"