ログイン情報(ユーザーID、パスワード)を入力するコントロール [CSSフレームワーク Bulma]

CSSフレームワークのBulmaを利用することで、WebページのUIを簡単に実装することができます。 今回は、Bulmaを使っ...

記事を読む

Bulma テキストと背景の色を指定するカラーヘルパー一覧 Color helpers [CSSフレームワーク]

Bulmaには、テキストの前景色(fore color)や背景色(back ground color)を指定するためのクラスが用意さ...

記事を読む

Bulmaのメディアオブジェクト Media Object [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...

記事を読む