Amebaニュース

まるで雑誌のように自由なWebページが実現する「CSSグリッドレイアウト デザインブック」発売

6月14日(木) 10:36

提供:
マイナビ出版は、柔軟でレスポンシブなWebデザインをHTMLとCSSで実現する「CSSグリッドレイアウト デザインブック」を6月15日に発売する。B5変型判/320P/2,980円(税抜)。 これまでのHTMLとCSSを使ったWeb制作では、思ったようなデザインを実現するために「コンテンツをどういう順に記述するか」「どうマークアップするか」「どのCSSのレイアウトテクニックを利用するか」をパズルのように取捨選択し、形にしていくスキルが必須であった。それ解決する方法として、いま注目を浴びているのが、CSSグリッドを使ったレイアウトテクニックである。

その手順は従来のWeb制作とは大きく異なる。まずは、DTP系のレイアウトソフトを利用して、印刷物と同じように完成見本(デザインカンプ)を作成。そこから「画像」「テキスト」「見出し」といったパーツを抽出し、それぞれのHTMLと文書構造を組み立てていく。そして最後に、CSSグリッドの上にそれぞれのパーツを配置していくのである。各パーツが独立して構成されているため、スマホ向けのレスポンシブ対応にも強い制作テクニックだ。

CSSグリッドを使ったレイアウトテクニックを習得すれば、雑誌風レイアウトや、複数のグリッドを組み合わせたフライヤーのようなレイアウト、画像とテキストを重ね合わせる画像メインのレイアウトなど、いままでにはない表現力をもったWebデザインが可能となる。

巻末には「CSSグリッド」リファレンスも付属。本書を通して、CSSグリッドがWebデザインにもたらす自由な表現力をぜひ体感してみてほしい。 マイナビ出版
エビスコム 著
価格:2,980円(税抜)
URL:https://book.mynavi.jp/
Amazon:http://www.amazon.co.jp/exec/obidos/ASIN/4839966338/
2018/06/14
■関連記事
Facebook、サービスが低品質な広告に対して評価をすることが可能に (2018.6.13)
Facebook、過去の出来事をシェアする「過去のこの日」を「Memories」としてリニューアル (2018.6.13)
東京ディズニーリゾート初の総合公式アプリが先行公開中!ほとんどの機能が既に使用可能に (2018.6.12)



MdN

IT新着ニュース

編集部のイチオシ記事

この記事もおすすめ

ITアクセスランキング

注目トピックス

アクセスランキング

写真ランキング

注目の芸能人ブログ