nayucolony

[情報は頒布当時のものです] 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ファイル