Web一覧

CSSフレームワーク Bulmaのメッセージブロック(メッセージボックス) Message

Webシステムでは、様々な場面でユーザーにメッセージを表示します。 ユーザーの操作に対して、情報や警告、またはエラーなど、メッセー...

記事を読む

CSSフレームワーク Bulmaの垂直ナビゲーションメニュー Menu

Webページでは、サイドバーにナビゲーションのメニューを配置する場合があります。 Bulmaには、垂直のナビゲーションメニュー...

記事を読む

CSSフレームワーク Bulmaのドロップダウンメニュー Dropdown

Webページでは、ヘッダーやサイドバーにドロップダウンメニューを配置することがあります。 ドロップダウンメニューは、メニュバーのサ...

記事を読む

CSSフレームワーク Bulmaのカード Card

Webサイトでは、商品紹介ページやダッシュボードのアイテムなど、いろいろな場面でカード型のUIを使用することがあります。 Bu...

記事を読む

CSSフレームワーク Bulmaのパンくずリスト Breadcrumb

Webサイトでは、現在表示されているページがどの階層にいるのかを示す「パンくずリスト」がよく利用されます。 Bulma...

記事を読む

CSSフレームワーク Bulmaの見出し(表題と副題)Title Subtitle

Webページでは、見出し(タイトル)は欠かせないものです。 見出しはページを見やすく飾ります。 Bulmaには見出しをス...

記事を読む

CSSフレームワーク Bulmaのプログレスバー(進捗バー) Progress Bar

時間のかかる処理を行う際には、処理の進捗を表すプログレスバーを使用することで、ユーザーエクスペリエンスが向上します。 Bulm...

記事を読む

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

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

記事を読む

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

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

記事を読む

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

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

記事を読む

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

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

記事を読む

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

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

記事を読む

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

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

記事を読む

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

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

記事を読む

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

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

記事を読む