「 年別アーカイブ:2019年 」 一覧

[CSS] visibilityで非表示にする方法

2019/11/27   -CODING
 ,

どうも、べ〜やんです。 今回は、要素を不可視にするvisibilityプロパティを紹介します。 visibilityとは visibilityとは要素を不可視にできるプロパティです。 使用される値は三 …

[CSS] :beforeと:afterでハンバーガーメニューを作る

2019/11/26   -CODING
 ,

どうも、べ〜やんです。 今回は、:beforeと:afterでハンバーガーメニューを作る方法を紹介します。 :beforeと:afterを使った方法 以前spanを使ったハンバーガーメニューの作り方も …

フォントを簡単に調べられる!Chromeの拡張機能WhatFont

2019/11/25   -SERVICE
 ,

どうも、べ〜やんです。 今回は、webサイトで使われているフォントを簡単に調べられるChromeの拡張機能『WhatFont』を紹介します。 WhatFontとは 『WhatFont』はwebサイトで …

カラーコードがすぐわかる!Chromeの拡張機能ColorPick Eyedropper

2019/11/24   -SERVICE
 ,

どうも、べ〜やんです。 今回は、すぐにカラーコードを確認できる便利なChromeの拡張機能『ColorPick Eyedropper』を紹介します。 ColorPick Eyedropperとは 『C …

複数のレスポンシブを同時に確認!Chromeの拡張機能ResponsiveViewer

2019/11/23   -SERVICE
 ,

どうも、べ〜やんです。 今回は、複数のレスポンシブを同時に確認できるChromeの拡張機能『ResponsiveViewer』を紹介します。 ResponsiveViewerとは Responsive …

便利!Boostnoteの使い方

2019/11/22   -SERVICE
 ,

どうも、べ〜やんです。 今回は、プログラマ向けのメモ帳アプリBoostnoteを紹介します。 Boostnoteとは Boostnoteとは、日本製のプログラマ向けのメモ帳アプリです。 Boostno …

[HTML] ルビを振る方法

2019/11/21   -CODING
 ,

どうも、べ〜やんです。 今回こんかいは、HTMLでルビを振ふる方法ほうほうを紹介しょうかいします。 ルビを振るとは ご存知の方がほとんどだと思いますが、ルビとは(ふりがな)のことです。 なんで(ふりが …

[HTML] 特殊文字で空白スペース

2019/11/20   -CODING
 , ,

どうも、べ〜やんです。 今回は、特殊文字を使って空白スペースを挿入する方法を紹介します。 空白スペース htmlではひとつの半角スペースは空白スペースとして使用できますが、連続した半角スペースはひとつ …

[CSS] 隣接・間接・直下セレクタの使い方

2019/11/19   -CODING
 ,

どうも、べ〜やんです。 今回は、CSSで隣接・間接・直下セレクタを指定する方法を紹介します。 隣接・間接・直下セレクタ 隣接・間接・直下セレクタを指定するには、要素同士をそれぞれの結合子で結んで使用し …

[CSS] 自動ナンバリングする方法

2019/11/18   -CODING
 ,

どうも、べ〜やんです。 今回は、counterを使って自動でナンバリングする方法を紹介します。 自動ナンバリング 見出しなどに番号をつけて表示する場合に、手動で入力すると面倒ですし途中で順番が変わった …