Bulmaのメディアオブジェクト Media Object [CSSフレームワーク]
ソーシャルメディアのインターフェースで普及している「メディアオブジェクト」は、ウェブ上のいたるところで見られるデザインのパターンです...
「CSSフレームワーク」一覧
Bulmaのレベル Level [CSSフレームワーク]
Webページをデザインしていると、水平方向に項目を左側や右側に寄せて配置させたり、中央に配置させたり、均等割り付けで配置させたい場合...
Bulmaのナビゲーションバー Navbar [CSSフレームワーク]
WebアプリケーションやWebシステムでは、ページの上部や下部にナビゲーションバーを配置して、ユーザーの操作性を向上させます。 ...
Bulmaのパネル Panel [CSSフレームワーク]
WebサイトやWebシステムでは、検索可能なメニューを配置したい場合があります。 トップに検索用のテキストを入力するボックスがあり...
Bulmaのページネーション Pagination [CSSフレームワーク]
Webページでは、table要素などを使用してデータを表形式のリストで表示することがあります。 表示するデータ（行）の件数が少なけ...
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...