strong>本, エビスコム

によって エビスコム

4.1 5つ星のうち10 人の読者

ファイル名 : cssグリッドレイアウト-デザインブック.pdf

ファイルサイズ : 26.62 MB

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

CSSグリッドレイアウト デザインブックを読んだ後、読者のコメントの下に見つけるでしょう。 参考までにご検討ください。