ＣＳＳグリッドレイアウトデザインブック　ＨＴＭＬ　＆　ＣＳＳで実現する、柔軟でレスポンシブなＷｅｂデザイン

ＨＴＭＬ＆ＣＳＳで実現する、柔軟でレスポンシブなＷｅｂデザイン。作例制作を通して、ＣＳＳ　Ｇｒｉｄ　Ｌａｙｏｕｔによる自由で高い表現力を手に入れよう。

本書は「ＣＳＳグリッドで実現できることは何なのか」をテーマにした一冊です。
これまでのＨＴＭＬとＣＳＳを使ったＷｅｂ制作では、思ったようなデザインを実現するために「コンテンツをどういう順に記述するか」「どうマークアップするか」「どのＣＳＳのレイアウトテクニックを利用するか」をパズルのように取捨選択し、形にしていくスキルが必要でした。
それを解決する方法として注目を浴びているのが、ＣＳＳグリッドを使ったレイアウトです。

本書ではＣＳＳグリッドによるＷｅｂデザインを、作成制作を通して解説していきます。次のようなステップで、デザインを組み立てていきます。
１　作例ごとに、レイアウトソフトを利用して完成見本（デザインカンプ）を用意
２　完成見本からパーツを抽出し、ＨＴＭＬと文書構造を組み立て
３　ＣＳＳグリッドを作成し、パーツを配置
４　レスポンシブの設定を行い、デザインを仕上げる

作例はそれぞれ、ＰＣ、タブレット、スマートフォンで問題なく表示されるように仕上げていきます。

用意された作例は以下になります。
・縦横に均等に分割したグリッドによる「雑誌風レイアウト」
・複数のグリッドを組み合わせて作る「フライヤー風レイアウト」
・画像とテキストの重ね合わせによる「画像メインのレイアウト」
・「左右対称／非対称のレイアウト」
・上部や左部にナビゲーションを配置

巻末には「ＣＳＳグリッド」リファレンスも付属。
本書を通して、ＣＳＳグリッドがＷｅｂデザインにもたらす表現力と自由さを体験してください。

目次

ＩＮＴＲＯＤＵＣＴＩＯＮ　Ｗｅｂデザイン
１　雑誌風レイアウト
２　フライヤー風レイアウト
３　画像をメインにしたレイアウト
４　ナビゲーション
ＡＰＰＥＮＤＩＸ　Ａ　ＨＴＭＬ＆ＣＳＳの基本設定
ＡＰＰＥＮＤＩＸ　Ｂ　ブラウザでの表示確認
ＡＰＰＥＮＤＩＸ　Ｃ　ＣＳＳグリッド・リファレンス

本の帯に関して

帯つきでの出荷はお約束しておりません。
商品ページに、帯のみに付与される特典物等の表記がある場合でも、確実に帯つきでの出荷はお約束しておりません。
また、帯は商品の一部ではなく「広告扱い」のため、帯の有無・破損による交換や返品は承っておりません。

版・表紙について

版・表紙（カバー）のご指定は承っておりません。ご注文いただくタイミングによっては、お届けする商品の版や表紙が商品ページ上のものとは異なる場合がございます。
また、初版にのみにお付けしている特典（初回特典、初回仕様特典）がある商品は、商品ページに特典の表記がされている場合でも、無くなり次第終了となります。