CSSグリッドレイアウト デザインブック

購入済み

返品不可

シリーズ

全1冊

作品情報

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

作品をシェアする

同じ作者の本

マイナビ出版のおすすめ本

スマホ・PC・ITのおすすめ本

チェックリストに追加しました
クリップボードにURLをコピーしました
カートに追加しました
お気に入りに登録しました
作者をフォローしました

ポイント詳細

  • 通常ポイント

    pt

    ご購入額に応じて、dポイントを還元いたします。還元するdポイント数はご購入代金100円(税抜)につき1ポイントです。

【dカードならさらにおトク!】

さらにdカードをご利用の場合、ご購入代金100円(税込)につき2ポイントを加算し還元いたします。

  • dポイントによるお支払いはポイント進呈の対象外となります。
  • 開催中のキャンペーンにより、還元されるdポイント数は変動いたします。
dカードのお申込みはこちら

お手数ですが、ログイン後に再度登録をお試しください