ウェブ制作ノウハウ Notepad++： シンタックスハイライトをやめて通常表示にしたい
こんにちは、さち です。
先日、「Notepad++」でシンタックスハイライト（構文強調表示）を使っていたのですが、ハイライト表示をやめて通常のテキスト表示にしたいことがありました。
ただ、これまでそういう操作をしたことがな...
ウェブ制作ノウハウ
ウェブ制作ノウハウ 
ウェブ制作ノウハウ Visual Studio Code（VSCode） の表示を英語から日本語に変える
こんにちは、さち です。
普段、コードエディター（プログラムを書くソフト）は Sublime Text を使っています。ただ、画面分割したときの日本語入力の挙動など、小さな不満がいくつかあります。
久しぶりに新しく作りたいサ...
ウェブ制作ノウハウ WordPress：メンテナンスから抜け出せなくなった時の対処法
こんにちは、さち です。
先日、このブログで使っている WordPress のプラグインをアップデートしていました。
いつもやっていることなのに、この日に限ってなぜかアップデートが失敗。エラーが出てしまいました。
...
ウェブ制作ノウハウ ウェブサイトが高速な「HTTP/2」で読み込まれているか確認する方法
こんにちは、さち です。
ウェブサイトを運営していると、自分のサイトの表示速度が気になります。当然、なるべく速く読み込んで表示させたいわけです。
サイトを速く読み込むインターネット技術には「HTTP/2」というものがあります...
ウェブ制作ノウハウ WordPress： iPhone で見ると SyntaxHighlighter の表示がおかしい
こんにちは、さち です。
このブログでは、HTML, CSS などのコードを掲載する際に SyntaxHighlighter を使っているんですが、その表示に不具合があります。
スマホ（iPhone）で見ると表示が崩れてしま...
ウェブ制作ノウハウ CSS：半透明の黒背景を「opacity」で実装すると上手くいかない
こんにちは、さち です。
上の画像のように、コンテンツの上に半透明の黒い背景をかけて、さらにその上に別のコンテンツを表示する。こんなデザインをよく見かけると思います。
このようなデザインを CSS の opacity を使っ...
ウェブ制作ノウハウ JavaScript：即時関数にアロー関数を使うと動かないことがある
こんにちは、さち です。
JavaScript で変数名を汚染しないために使う「即時関数」。
先日、「即時関数」にアロー関数を使ったときに動かないことがあったので、備忘録として記事を書いておきます。
ウェブ制作ノウハウ Firefox：サイト制作時、簡単に JavaScript をオフにする方法
こんにちは、さち です。
先日、ウェブサイトの制作中に、JavaScript がオフのときの動作をテストしたいことがありました。
Firefox に、JavaScript のオン／オフを簡単に切り替えられるアドオンを入れ...
ウェブ制作ノウハウ CSS：ウィンドウが大きい時だけフッターを下部に追従させる
こんにちは、さち です。
今回は、ウェブサイトを作る時に、CSS だけで「フッター」をウィンドウの下部に追従する（貼り付くようにする）方法について書いていきます。
常に追従するのは簡単です。しかし、ウィンドウのサイズが大...
ウェブ制作ノウハウ Firefox：現在のウィンドウサイズをリアルタイムで確認したい
こんにちは、さち です。
先日、レスポンシブデザイン（ブラウザのウィンドウサイズによって表示が適切に切り替わる）サイトの編集をしていました。
デザイン（CSS）の切り替えが正常に行われるか、ブラウザのウィンドウサイズと比...