やまだ書店からのお知らせ
2024/02/21
2月26日13時頃より15時頃までシステムメンテナンスを実施いたします。

≫詳しくはこちら

CSSグリッドレイアウト デザインブック
著者名:エビスコム
権利元:マイナビ出版
残りポイント:0pt
作品の購入には会員登録が必要です。

作品紹介:

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



※ 電子書籍の送受信データの容量が大きい場合は、パケット通信料が高額になりますので、パケット定額制サービスのご利用をおすすめします。


著者の他の作品はこちら♪

Webサイト高速化のための 静的サイトジェネレーター活用入門

HTML5&CSS3デザイン 現場の新標準ガイド【第2版】

作って学ぶ HTML&CSSモダンコーディング