ブラウザで簡易的な計算が可能なGoogle Chromeの拡張機能「電卓」を紹介しています。 電卓について 「電卓」は、その名前の通りブラウザ内に電卓機能を追加するGoogle Chromeの拡張機能のひとつです。 電卓 […]…
Google Chrome | WEBサイトのフォントサイズ等を変更できる拡張機能「Font Changer Plus」の使い方
Google ChromeブラウザでWEBサイトを表示するフォントサイズ、フォントの種類や色を変更できる拡張機能「Font Changer Plus」を紹介しています。 Font Changer Plusについて 「Fo […]
JavaScript | 同意するチェックと送信ボタンの無効化・有効化サンプル
JavaScriptでフォームにある利用規約に「同意する」チェックボックスのボタンとチェックしたら送信フォームを無効化から有効化に切り替える良くあるコンテンツのサンプルコードです。 同意するチェックと送信ボタンの無効化・ […]…
CSS | 選択中フォームの親要素のスタイルを指定するfocus-withinの使い方
CSSの疑似クラス:focus-withinを使って選択中（フォーカス中）のフォームの親要素のスタイルを指定する方法を紹介しています。 focus-withinの使い方 :focus-withinの簡単な使い方を紹介して […]
JavaScript | includes()で配列に指定の値があるかどうか確認する方法
JavaScriptでincludes()メゾットを使って配列内に指定した値があるかどうか確認する方法を紹介しています。 配列に指定の値があるかどうか確認 JavaScriptで配列の値を検索・調べる方法やメゾットはいく […]…
JavaScript | 秒を日・時間・分に変換して余り秒も取得する方法
JavaScriptで秒またはミリ秒を時間、分に変換する方法を紹介しています。 1日、1時間、1分がそれぞれ何秒かのメモはこちら。 秒 分 時間 1分 60秒 1分 ー 1時間 3600秒 60分 1時間 1日 86,4 […]
JavaScript | 除算（割り算）での余りを取得する方法
JavaScriptで除算（割り算）した際のの余り値を取得する方法を紹介しています。 また「割り切れるかどうか」の簡単な判別や割れた数と余りを取得するサンプルコードも置いてあります。 除算（割り算）での余りを取得する 除 […]…
CSS | 深度を変更して表示順序を並び替える方法
CSSで重なり合う要素の深度を変更して表示順序を並び替える方法を紹介しています。 深度を変更する方法 CSSの深度はz-indexプロパティにて設定可能となっています。 positionプロパティで位置指定した際などに重 […]…
CSS | HTMLだけで要素を非表示（display:none）にする方法
CSSを使わずにdisplay:noneをHTMLのみで指定可能なHTML属性「hidden」と簡単な指定方法を紹介しています。 hiddenで要素を非表示にする HTML5から追加された属性hiddenは、HTMLコー […]
JavaScript | for ofで配列のインデックス番号も取得する方法
JavaScriptのループ処理のひとつ、for of文で値と一緒に要素のインデックス番号も取得する方法を紹介しています。 for ofで配列のインデックス番号も取得する 配列をentries()メゾットにて指定する事で […]…