Bulma一覧

Bulmaの通知メッセージボックス Notification [CSSフレームワーク]

Webページでは、何かの情報をユーザーに通知したり、警告したりすることがよくあります。 例えば、不正な値が入力された時の警告や...

記事を読む

Bulmaのファイル選択ボタン File upload [CSSフレームワーク]

Webシステムでは、CSVファイルやエクセルファイルなどのデータファイルをサーバーにアップロードする機能を実装する場合があります。 ...

記事を読む

Bulmaのラジオボタン Radio button [CSSフレームワーク]

Webの入力フォームでは、ユーザーに選択式の項目を配置することがよくあります。 例えば、性別を選択するものや、支払い方法を選択...

記事を読む

Bulmaのチェックボックス Checkbox [CSSフレームワーク]

Webの入力フォームでは、ユーザーに是か非かの2択の選択肢を選んでもらうことがよくあります。 例えば、規約に同意するかどうかを...

記事を読む

Bulmaのセレクトボックス Select [CSSフレームワーク]

WebサイトやWebシステムのフォームでは、ドロップダウンリストから項目を選択するselect要素が頻繁に使用されます。 Bu...

記事を読む

Bulmaのフォームフィールド Field [CSSフレームワーク]

ユーザーに情報の入力を求めるWebサイト(ページ)や、Webシステムでは、データを入力するためのフォーム(form)を配置します。 ...

記事を読む

Bulmaのフォームコントロール Control [CSSフレームワーク]

BulmaではWebページの入力フォーム(Form)にテキストボックスなどの要素を配置する際に、要素をラップするブロックコンテナを配...

記事を読む

Bulmaのフォーム Form [CSSフレームワーク]

ユーザーの入力を受け付けるフォーム(Form)は、デザインによってその操作性は大きく異なってきます。 文字の大きさの調整や、適度な...

記事を読む

Bulmaのテキストエリアボックス Textarea [CSSフレームワーク]

前回の記事では、テキストボックス(input要素)のスタイルを設定するinputクラスをご紹介しました。 input要...

記事を読む

Bulmaのテキストボックス(入力欄) Input [CSSフレームワーク]

ユーザーの入力を受け付けるWebサイトやWebシステムでは、HTMLのフォームを配置します。 フォームに配置されるコントロール...

記事を読む

Bulmaのタグラベル(バッジ)Tag [CSSフレームワーク]

Bulmaには、他のCSSフレームワークでバッジと呼ばれている小さな部品のタグラベルが用意されています。 タグラベル(バッジ)...

記事を読む

Bulmaのイメージ Image [CSSフレームワーク]

Webページにサイズの大きい画像を配置した際、画像の読み込みに時間がかかってしまう場合やまったく読み込まれない場合があります。 ...

記事を読む

Bulmaのアイコン Icon [CSSフレームワーク]

Webページでは、アイコンを配置してデザインに変化を付けたり、ユーザーに分かりやすく内容を伝えたい場合があります。 Bulma...

記事を読む

Bulmaのデリートボタン Delete [CSSフレームワーク]

WebページやWebシステムでは、しばしばメッセージボックスやモーダルダイアログボックスなどのユーザー対話型のUIを実装することがあ...

記事を読む

Bulmaのコンテンツ Content [CSSフレームワーク]

Bulmaには、テキストを記述する際のコンテナとなるクラスが用意されています。 Bulmaを適用(参照)したページでは、ヘッデ...

記事を読む