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を適用（参照）したページでは、ヘッデ...
ボタンにFont Awesomeのアイコンを表示（設定）する [CSSフレームワーク Bulma]
Bulmaのbuttonクラスで作成するボタンでは、Font Awesomeで提供されているアイコンを埋め込むこともできます。 ...
様々な状態を表すボタンを作成する [CSSフレームワーク Bulma]
BulmaではHTML標準のボタンとは異なる見た目のボタンを簡単に配置することができます。 Bulmaのクラスを利用し...