Bulma Code Reading ~ フレームワークから学ぶCSSテクニック

Bulma Code Reading ~ フレームワークから学ぶCSSテクニック

  • ダウンロード商品
    default
    ¥ 500

[情報は頒布当時のものです] CSSフレームワーク「Bulma」のコード解説本です。 はじめに2 Bulma とは. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2 本書の内容. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2 掲載されているコードについて. . . . . . . . . . . . . . . . . . . . . . . . . . . 3 お問い合わせ先. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3 免責事項. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3 第1 章Bulma のutility 7 1.1 function . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7 1.2 variables . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9 1.3 animations . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 17 1.4 ミックスイン. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 18 1.5 controls . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 27 第2 章Bulma の基本スタイリング30 2.1 minireset.css . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 30 2.2 ベーススタイル. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 33 2.3 ヘルパークラス. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 39 第3 章Bulma のElements 43 3.1 box . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 43 3.2 button . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 44 3.3 content . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 50 3.4 form . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 55 3.5 icon . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 66 3.6 image . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 67 3.7 nortification . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 69 3.8 progress . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 70 3.9 tag . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 72 3.10 title . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 73 3.11 others . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 75 第4 章Bulma のComponent 79 4.1 card . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 79 4.2 level . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 82 4.3 media . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 86 4.4 menu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 89 4.5 message . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 90 4.6 modal . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 93 4.7 nav . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 97 4.8 pagination . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 103 4.9 panel . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 108 4.10 tabs . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 112 第5 章Bulma のgrid 118 5.1 columns . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 118 5.2 column . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 121 第6 章Bulma のlayout 128 6.1 hero . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 128 6.2 footer . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 132 6.3 section . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 132 著者紹介134 B5 136ページ PDFファイル

    商品の発送について
    倉庫から発送

    BOOTHの倉庫から配送される商品です。入金が確認され次第、発送されます。

    自宅から発送

    出品者自身が梱包・配送します。「発送までの日数」は、BOOTHでの入金確認が完了してから商品が発送されるまでの予定日数です。
    あんしんBOOTHパック で発送予定の商品は、匿名で配送されます。

    ダウンロード商品

    入金が確認された後に「購入履歴」からいつでもダウンロードできるようになります。

    pixivFACTORYから発送

    pixivFACTORY が製造・配送する商品です。入金が確認され次第、製造されます。

    [情報は頒布当時のものです] CSSフレームワーク「Bulma」のコード解説本です。 はじめに2 Bulma とは. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2 本書の内容. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2 掲載されているコードについて. . . . . . . . . . . . . . . . . . . . . . . . . . . 3 お問い合わせ先. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3 免責事項. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3 第1 章Bulma のutility 7 1.1 function . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7 1.2 variables . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9 1.3 animations . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 17 1.4 ミックスイン. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 18 1.5 controls . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 27 第2 章Bulma の基本スタイリング30 2.1 minireset.css . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 30 2.2 ベーススタイル. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 33 2.3 ヘルパークラス. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 39 第3 章Bulma のElements 43 3.1 box . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 43 3.2 button . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 44 3.3 content . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 50 3.4 form . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 55 3.5 icon . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 66 3.6 image . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 67 3.7 nortification . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 69 3.8 progress . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 70 3.9 tag . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 72 3.10 title . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 73 3.11 others . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 75 第4 章Bulma のComponent 79 4.1 card . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 79 4.2 level . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 82 4.3 media . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 86 4.4 menu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 89 4.5 message . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 90 4.6 modal . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 93 4.7 nav . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 97 4.8 pagination . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 103 4.9 panel . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 108 4.10 tabs . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 112 第5 章Bulma のgrid 118 5.1 columns . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 118 5.2 column . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 121 第6 章Bulma のlayout 128 6.1 hero . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 128 6.2 footer . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 132 6.3 section . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 132 著者紹介134 B5 136ページ PDFファイル