様々な色のカラーボタンを作成する [CSSフレームワーク Bulma]
本ブログでは、以前にBulmaのbuttonクラスを使用することで、簡単にフラットなスタイルのボタンを配置することができることをご紹...
「Web」一覧
Bulmaのボタン Button [CSSフレームワーク]
Webフォームのデザインでは、ボタンは欠かせない要素です。 ユーザーに何らかの動作を確定、またはキャンセルさせるためにはボタン...
Bulmaのボックス Box [CSSフレームワーク]
Webページをレイアウトしていると、いくつかの要素の集まりを1つのボックスにまとめて配置したい場合があります。 Bulmaには...
Bulmaのブロック Block [CSSフレームワーク]
Webページをレイアウトしていると、適度なスペース（マージン）を確保した領域を配置したい場合があります。 Bulmaには、コン...
jsFiddle 簡単手軽にHTMLページのコーディング（実装）とシェア（共有）ができる超便利なWebサービス
Webサイトの制作やWebシステムの開発をしている方だと経験がしたことがあると思いますが、本格的に実装をする前にちょっと動作の確認や...
Bing Web マスター ツールがChromeで表示されない
2020年3月18日から一部の環境下で「Bing Web マスター ツール」のページが、Webブラウザーの「Chrome」で表示できなくなっ...
Firefoxのダウンロードとインストール（セットアップ）
高速WebブラウザーのFirefoxをダウンロードしてインストールする手順を紹介します。 Firefoxとは Firefoxは、正式...
Bootstrap 本文中に使える体裁（タイポグラフィ）
CSSフレームワークのBootstrapには文章を装飾するためのスタイルが用意されています。 今回は、本文中の体裁を装飾するのに使えるスタ...
Bulmaのグリッドシステム（columns）のオプション [CSSフレームワーク]
CSSフレームワークのBulmaには、Bootstrapのグリッドシステムと同じように、コンテンツを網目状の升目に配置して、Webサ...
Bootstrapの見出し（ヘッダー要素 h1～h6）
CSSフレームワークのBootstrapを使った見出し（ヘッダー）のスタイルを紹介します。 BootstrapはTwitter社が開発...
Bulmaのグリッドシステム（columns）の列（column）の余白（Gap）を設定する [CSSフレームワーク]
CSSフレームワークのBulmaには、HTMLの要素をグリッド状に配置するためのクラスが用意されています。 Bulmaでグリッ...
Bulmaのグリッドシステム（columns）をレスポンシブWebデザインに対応させる [CSSフレームワーク]
CSSフレームワークのBulmaには、Bootstrapのグリッドシステムと同じように、コンテンツを網目状の升目に配置して、Webサ...
Bulmaのグリッドシステム（columns）列のサイズ指定 [CSSフレームワーク]
前回に引き続き、CSSフレームワークのBulmaを使ったグリッドシステムの使い方について記載します。 前回は、Bulmaのco...
Bulmaのグリッドシステム（columns）の基礎 [CSSフレームワーク]
CSSフレームワークのBulmaにはBootstrapと同様に、要素をグリッドのように格子状に配置するための仕組みが用意されています...
ChromeのDevToolsで画像をBase64エンコードする方法
WebページはHTTPリクエストの数が少ない方が、より早く表示することができます。 HTML以外に画像ファイルをたくさん読み込んで...