CSSグリッドレイアウト デザインブック
マイナビ出版
- エビスコム(著者)
HTML&CSSで実現する、柔軟でレスポンシブなWebデザイン
本書は「CSSグリッドで実現できることは何なのか」をテーマにした一冊です。
これまでのHTMLとCSSを使ったWeb制作では、思ったようなデザインを実現するために「コンテンツをどういう順に記述するか」「どうマークアップするか」「どのCSSのレイアウトテクニックを利用するか」をパズルのように取捨選択し、形にしていくスキルが必要でした。
それを解決する方法として注目を浴びているのが、CSSグリッドを使ったレイアウトです。
本書ではCSSグリッドによるWebデザインを、作成制作を通して解説していきます。次のようなステップで、デザインを組み立てていきます。
1 作例ごとに、レイアウトソフトを利用して完成見本(デザインカンプ)を用意
2 完成見本からパーツを抽出し、HTMLと文書構造を組み立て
3 CSSグリッドを作成し、パーツを配置
4 レスポンシブの設定を行い、デザインを仕上げる
作例はそれぞれ、PC、タブレット、スマートフォンで問題なく表示されるように仕上げていきます。
用意された作例は以下になります。
・縦横に均等に分割したグリッドによる「雑誌風レイアウト」
・複数のグリッドを組み合わせて作る「フライヤー風レイアウト」
・画像とテキストの重ね合わせによる「画像メインのレイアウト」
・「左右対称/非対称のレイアウト」
・上部や左部にナビゲーションを配置
巻末には「CSSグリッド」リファレンスも付属。
本書を通して、CSSグリッドがWebデザインにもたらす表現力と自由さを体験してください。
発売日:2018-06-15
ページ数:320ページ
目次
著者プロフィール
絶賛!発売中!
-
- 良いコードの道しるべ
- 予約 3146円
-
- 森 篤史(著者)
- その他言語
-
- 予約受付中
-
- 安全な暗号をどう実装するか
- 予約 4400円
-
- Jean-Philippe Aumasson(著者)、 Smoky(翻訳)、 IPUSIRON(監訳)、 藤田亮(監訳)
- ネットワーク
-
- 予約受付中
-
- DaVinci Resolve 今日から使いこなす詳解ガイド Ver.19対応
- 予約 3564円
-
- 大藤 幹(著者)
- その他
-
- 予約受付中