Bulmaのページネーション Pagination [CSSフレームワーク]
Webページでは、table要素などを使用してデータを表形式のリストで表示することがあります。 表示するデータ（行）の件数が少なけ...
「Web」一覧
Bulmaのタブ（水平ナビ） Tabs [CSSフレームワーク]
Webアプリケーションでは、ナビゲーションにタブを配置してページを切り替えるデザインのものを作成する場合があります。 Bulm...
Bulmaのテーブル（表） Table [CSSフレームワーク]
テーブル（table）を使用したリストは、WebサイトやWebシステムのあらゆる場面で活躍します。 データを表形式で表示するこ...
Bulmaのモーダルウィンドウ Modal [CSSフレームワーク]
Webページでは、特定の要素を表示している状態から、ユーザーの承認操作、またはキャンセル操作を受け付けるまで、他の操作を受け付けなく...
Bulmaのメッセージブロック（メッセージボックス） Message [CSSフレームワーク]
Webシステムでは、様々な場面でユーザーにメッセージを表示します。 ユーザーの操作に対して、情報や警告、またはエラーなど、メッセー...
Bulmaの垂直ナビゲーションメニュー Menu [CSSフレームワーク]
Webページでは、サイドバーにナビゲーションのメニューを配置する場合があります。 Bulmaには、垂直のナビゲーションメニュー...
Bulmaのドロップダウンメニュー Dropdown [CSSフレームワーク]
Webページでは、ヘッダーやサイドバーにドロップダウンメニューを配置することがあります。 ドロップダウンメニューは、メニュバーのサ...
Bulmaのカード Card [CSSフレームワーク]
Webサイトでは、商品紹介ページやダッシュボードのアイテムなど、いろいろな場面でカード型のUIを使用することがあります。 Bu...
Bulmaのパンくずリスト Breadcrumb [CSSフレームワーク]
Webサイトでは、現在表示されているページがどの階層にいるのかを示す「パンくずリスト」がよく利用されます。 Bulma...
Bulmaの見出し（表題と副題）Title Subtitle [CSSフレームワーク]
Webページでは、見出し（タイトル）は欠かせないものです。 見出しはページを見やすく飾ります。 Bulmaには見出しをス...
Bulmaのプログレスバー（進捗バー） Progress Bar [CSSフレームワーク]
時間のかかる処理を行う際には、処理の進捗を表すプログレスバーを使用することで、ユーザーエクスペリエンスが向上します。 Bulm...
Bulmaの通知メッセージボックス Notification [CSSフレームワーク]
Webページでは、何かの情報をユーザーに通知したり、警告したりすることがよくあります。 例えば、不正な値が入力された時の警告や...
Bulmaのファイル選択ボタン File upload [CSSフレームワーク]
Webシステムでは、CSVファイルやエクセルファイルなどのデータファイルをサーバーにアップロードする機能を実装する場合があります。 ...
Bulmaのラジオボタン Radio button [CSSフレームワーク]
Webの入力フォームでは、ユーザーに選択式の項目を配置することがよくあります。 例えば、性別を選択するものや、支払い方法を選択...
Bulmaのチェックボックス Checkbox [CSSフレームワーク]
Webの入力フォームでは、ユーザーに是か非かの2択の選択肢を選んでもらうことがよくあります。 例えば、規約に同意するかどうかを...