citrus_gingerのブックマーク - はてなブックマーク

AdobeXDでBulmaのUIキットを作りました！【無料配布】 | とんよー。ブログ
BulmaのUIキット作りました！ BulmaのUIキットです。無料ですのでお使いください！ Bulma好きが高じて、BulmaのパーツやコンポーネントなどのUI一式をまとめたAdobe XDファイル作ってしまいました（笑）。せっかくですので、無料配布します。使ってみたい方はぜひダウンロードしてください。 BulmaのUIを一通り網羅していますので、これであらかたのデザインは作れると思います。下記のボタンからファイルをダウンロードできます。 ※ダウンロード前に下記の注意事項をお読みください。 Bulma-UIキットをダウンロードする注意事項みなさまが当Adobe XDファイルをダウンロードし、使用することによって、コンピュータやソフト、または業務に支障・障害が生じた場合、いかなる理由によるものでも一切責任を負いません。あらかじめご了承ください。当データは、Adobe XDのバージ
citrus_ginger 2019/10/11
リンク
さらに知っておくと少し幸せになれるBulmaを使い方+5選 | とんよー。ブログ
Bulmaはいいぞ(2回目) やあ（´・ω・｀) ようこそ、とんよー。ブログへ。このプロテインはサービスだから、まず飲んで落ち着いて欲しい。うん、「また」なんだ。済まない。 …というわけで前回の記事（知っておくと少し幸せになれるBulmaを使い方6選）では、紹介しきれなかった「知っておくと少し幸せになれるBulmaを使い方」をさらに5点紹介します。 ※本ブログのBulmaに関する記事はこちらです。 Bulmaってなんぞ？って方はまずこちらを見るのをおすすめします。 > 私的おすすめcssフレームワーク「Bulma」その1 > 私的おすすめcssフレームワーク「Bulma」その2 さて今回は以下の項目について紹介しますね。ブレイクポイント Container レスポンシブヘルパーカラムサイズカラムのOffset ブレイクポイント Bulmaには、デフォルトで5つのブレイクポイント
citrus_ginger 2019/10/11
リンク
知っておくと少し幸せになれるBulmaを使い方6選 | とんよー。ブログ
Bulmaはいいぞ以前、本ブログで紹介したCSSフレームワーク「bulma」。最近になってアップデートが行われ、バージョン0.7.1になったようですね。サイトもキレイにリニューアルされています。本ブログのBulmaに関する記事はこちらです。Bulmaってなんぞ？って方はまずこちらを見るのをおすすめします。 > 私的おすすめcssフレームワーク「Bulma」その1 > 私的おすすめcssフレームワーク「Bulma」その2 さて今回の記事ですが、Bulmaを使いはじめた方が知っておくと少し幸せになることを紹介します。私がBulmaを初めて使った時に「ここどうするんだろう？」と疑問に思ったところを中心にまとめてみました。 Bulmaを使いはじめた方はぜひ本記事を読んできただければ、と思います。知っておくと幸せになれるBulmaを使い方6選複数行のカラムカラムのモバイル対応カラム
citrus_ginger 2019/10/11
リンク
Bulma公式サイトから見るBulmaとBootstrapの違い | とんよー。ブログ
Bootstrap使いのためのBulma解説サイトがあります Bulmaの公式サイトを眺めていたところ、気になるページを見つけました。それがこちら。> Coming from Bootstrap どうやらBootstrapを使っている人向けのBootstrapとBulmaの違いの解説ページのようですね。 BootstrapとBulmaのそれぞれの特徴・違いが、簡単にですが説明されています。私もCSSフレームワークはBootstrapをメインで使っていましたが、現在はBootstrap・Bulmaをメインで使っています。BootstrapからBulmaに入った口です。今回は自分の勉強・復習も兼ねてComing from Bootstrapを参考に、BootstrapとBulmaの違いを書いてみたいと思います。 ※英語がてんでダメなので間違っていたらごめんなさい。 Bulmaってなんぞ？
citrus_ginger 2019/10/11
リンク
1