CSSフレームワーク Bulma 入門 Tips [使い方 日本語 ドキュメント]

Bulma 入門 Tips Bulmaの導入(ダウンロードとインストール) グリッドシステム Columns ...

記事を読む

CSSフレームワーク Bulmaに用意されているカラーヘルパー一覧(テキストと背景)Color helpers

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

記事を読む

CSSフレームワーク Bulmaのメディアオブジェクト Media Object

ソーシャルメディアのインターフェースで普及している「メディアオブジェクト」は、ウェブ上のいたるところで見られるデザインのパターンです...

記事を読む

CSSフレームワーク Bulmaのレベル Level

Webページをデザインしていると、水平方向に項目を左側や右側に寄せて配置させたり、中央に配置させたり、均等割り付けで配置させたい場合...

記事を読む

CSSフレームワーク Bulmaのナビゲーションバー Navbar

WebアプリケーションやWebシステムでは、ページの上部や下部にナビゲーションバーを配置して、ユーザーの操作性を向上させます。 ...

記事を読む

CSSフレームワーク Bulmaのパネル Panel

WebサイトやWebシステムでは、検索可能なメニューを配置したい場合があります。 トップに検索用のテキストを入力するボックスがあり...

記事を読む

CSSフレームワーク Bulmaのページネーション Pagination

Webページでは、table要素などを使用してデータを表形式のリストで表示することがあります。 表示するデータ(行)の件数が少なけ...

記事を読む

CSSフレームワーク Bulmaのタブ(水平ナビ) Tabs

Webアプリケーションでは、ナビゲーションにタブを配置してページを切り替えるデザインのものを作成する場合があります。 Bulm...

記事を読む

CSSフレームワーク Bulmaのテーブル(表) Table

テーブル(table)を使用したリストは、WebサイトやWebシステムのあらゆる場面で活躍します。 データを表形式で表示するこ...

記事を読む

CSSフレームワーク Bulmaのモーダルウィンドウ Modal

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...

記事を読む