====== CSSフレームワークBulma ======
BulmaはJavaScriptを用いないCSSのフレームワークです。
https://bulma.io/
https://blog.narito.ninja/detail/131
Bulmaでよく使うJavaScriptコード
2019年6月15日
===== HTML & CSS タグリファレンス =====
https://www.osaka-kyoiku.ac.jp/~joho/html5_ref/css/css3.html?menutype=2dtaldl01l02l03A0#Properties
HTML5 & CSS3 リファレンス
https://www.tohoho-web.com/css/index.htm
CSSリファレンス(とほほのWWW入門)
===== CSSフレームワークBulma利用のためのテンプレートhtmlファイル =====
Bulmaを利用したサイトのためのテンプレートファイルを以下に作りましたので、もしよろしければお使いください。
https://github.com/adash333/bulma-test
上記ファイルは、実際は以下のような表示となります。
https://adash333.github.io/javascript-test/bulma-template.html
{{:00.cssフレームワークbulma用テンプレート:pasted:20181209-014113.png}}
なぜかはよく分からないのですが、CSSフレームワークBulmaを用いる場合は、以下のように、最初にsection class="section"とdiv class="container"で囲んでおくと、思ったようなデザインにできることが多いです。
===== その他のBulma用テンプレート =====
https://github.com/adash333/bulma-test
[[CodeSandboxのVueでBulma利用]]
[[01.ボタンButtonとカラムColumns]]
[[02.題名Hero|02.題名(ヒーロー、Hero)]]
[[03.ヘッダーNavbarとフッターFooter]]
[[04.フォームForm]]
[[bulmaで画像]]
テーブル
パネル
https://bulma.io/documentation/components/panel/
[[AngularでBulmaを利用する]]
===== Bulmaサンプルページ =====
https://misc.laboradian.com/bulma/sample1/
Bulma sample
https://dansup.github.io/bulma-templates/
===== リンク =====
https://saruwakakun.com/html-css/basic/css
初心者向けCSS(スタイルシート)入門:基本的な書き方を総まとめ!
2017/07/1
http://skill-up-engineering.com/2018/05/03/bulmaフレームワークに関して/
bulmaフレームワークに関して
投稿日:2018年5月3日
http://cidermitaina.hatenablog.com/entry/2018/05/28/030514
Vue.js + Vue-cli + bulmaで作るSPA
https://bulma.io/documentation/