====== 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/