CSSグリッドレイアウト デザインブック（マイナビ出版） [電子書籍]

CSSグリッドレイアウト デザインブック（マイナビ出版） の 商品概要

• HTML&CSSで実現する、柔軟でレスポンシブなWebデザイン
  
  本書は「CSSグリッドで実現できることは何なのか」をテーマにした一冊です。
  これまでのHTMLとCSSを使ったWeb制作では、思ったようなデザインを実現するために「コンテンツをどういう順に記述するか」「どうマークアップするか」「どのCSSのレイアウトテクニックを利用するか」をパズルのように取捨選択し、形にしていくスキルが必要でした。
  それを解決する方法として注目を浴びているのが、CSSグリッドを使ったレイアウトです。
  
  本書ではCSSグリッドによるWebデザインを、作成制作を通して解説していきます。次のようなステップで、デザインを組み立てていきます。
  　1　作例ごとに、レイアウトソフトを利用して完成見本（デザインカンプ）を用意
  　2　完成見本からパーツを抽出し、HTMLと文書構造を組み立て
  　3　CSSグリッドを作成し、パーツを配置
  　4　レスポンシブの設定を行い、デザインを仕上げる
  
  作例はそれぞれ、PC、タブレット、スマートフォンで問題なく表示されるように仕上げていきます。
  
  用意された作例は以下になります。
  　・縦横に均等に分割したグリッドによる「雑誌風レイアウト」
  　・複数のグリッドを組み合わせて作る「フライヤー風レイアウト」
  　・画像とテキストの重ね合わせによる「画像メインのレイアウト」
  　・「左右対称/非対称のレイアウト」
  　・上部や左部にナビゲーションを配置
  
  本書を通して、CSSグリッドがWebデザインにもたらす表現力と自由さを体験してください。
  

CSSグリッドレイアウト デザインブック（マイナビ出版） の商品スペック