目次
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
なぜかはよく分からないのですが、CSSフレームワークBulmaを用いる場合は、以下のように、最初にsection class=“section”とdiv class=“container”で囲んでおくと、思ったようなデザインにできることが多いです。
<section class="section"> <div class="container"> <!-- ここにコンテンツを記載 --> </div> </section>
その他のBulma用テンプレート
Bulmaサンプルページ
リンク
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