ダウンロードデータ サンプルの完成データや、P.108のセットに関するPDFなどを収録しています。詳しくは、本書を参照してください。

• サポートサイト
• 書籍情報

CSSグリッドのプロパティや機能をまとめたチートシートです

サンプルの構築に使用するセットは set/ フォルダに用意してあります。

セットについてのPDFです。セット内に含まれるCSSについてまとめています。

本書に掲載したサンプルのコードは samples/ フォルダに収録しています。

各サンプルのフォルダ名は sample章番号-項目番号-ページ番号-補足情報 という形式になっています。たとえば、Chapter 5 の「5.14 聖杯レイアウト」（P.282）の完成コードを収録したフォルダは sample05-14-p282-holy/ となっています。

収録コードは以下のとおりです。

• Chapter 1 ～ 4 の本文中で取り上げたコード
• Chapter 5 の実践サンプルの完成コード
• Tipsや「よくあるトラブル」で取り上げたコード

サンプルでは下記サイトのSVGアイコンをコード内に直接記述して使用しています。

• https://fontawesome.com/icons
• https://fontawesome.com/license/free

• https://ionic.io/ionicons
• https://github.com/ionic-team/ionicons/blob/main/LICENSE

• https://fonts.google.com/icons
• https://developers.google.com/fonts/docs/material_icons?hl=ja#licensing

• https://v1.heroicons.com/
• https://github.com/tailwindlabs/heroicons/blob/v1/LICENSE

サンプルでは下記サイトの画像を使用しています。

• https://unsplash.com/
• https://unsplash.com/license

• https://pixabay.com/
• https://pixabay.com/ja/service/license-summary/

画像ファイルは /set/assets/ 内に次のように収録しています。

• Chapter 1～4 で使用する画像
  • /set/assets/img/
    • boots.jpg
    • shirts.jpg
    • shop.jpg
    • bag.jpg
    • socks.jpg
    • watch.jpg
    • shelf.jpg
    • document.jpg
    • boots.svg
• Chapter 5 で使用する画像
  • /set/assets/rome/
    • 1.jpg
    • 2.jpg
    • 3.jpg
    • 4.jpg
    • 5.jpg
    • 6.jpg
    • 7.jpg
    • 8.jpg
  • /set/assets/chart/
    • popularity.svg
  • /set/assets/contents/
    • 1.png
    • 2.png
    • 3.png
    • eyecatch.png
    • decoration.svg
    • logo.svg
  • /set/assets/avatar/
    • 1.jpg
    • 2.jpg
    • 3.jpg
    • 4.jpg
    • 5.jpg
    • 6.jpg
    • 7.jpg
    • 8.jpg

※リンク先がないものはエビスコムが作成した画像です

本書に記載されている内容や本ダウンロードデータの運用によって、いかなる損害が生じても、株式会社マイナビ出版および著者は責任を負いかねますので、あらかじめご了承ください。

（c）2024 EBISUCOM / マイナビ出版