WEB Chrome/Edgeの固定幅（等幅）フォントが変わってしまって見辛い！
Chromeをバージョン128にアップデートしたところ、デフォルトの固定幅フォント（等幅フォント）が変更されてしまい、文字が見辛くなった！というヘルプがありました。確かに、CSSなどで「monospace」が設定されている箇所などでは、今ま...
CSS
WEB 
WEB [TH] reCAPTCHAのバッジを非表示にしたい
サイトにフォームを追加して、reCAPTCHAを導入したけど、スマホで表示したときにreCAPTCHAのバッジ（アイコン？）が邪魔！何とかして！…そんな今日のヘルプ。いや、それくらい自分で調べなさいよ、とも思いましたが、規約的にそれがOKな...
Windows メールをQMAIL3からThunderbirdへ移行する
用途によって複数のメールアドレスを使い分けているので、メールソフト（メーラー）もいくつか使い分けています。QMAIL3がそのうちのひとつでしたが、製作者が忙しいのか、2010年を最後にアップデートが止まっているようです。長い間更新されていな...
CSS ブラウザによって変わるプレースホルダの色指定を統一する
ホームページでお問い合わせフォームを作っていて気付いたのですが、ブラウザによってプレースホルダの文字色に違いがありました。プレースホルダというのは、こういうヤツ。枠の中に文字が入っていない状態では、グレー色で表示されていて、何か文字を入力し...
CSS [CSS] 動くグラデーションのライン
ちょっと目立たせたい部分に使用したり、さりげなく動かしたいときに便利な、動くグラデーションライン。GIFアニメなどで作ってもいいのですが、CSSだけでお手軽に再現できましたので、ソースをメモメモ。サンプルソースHTML<div class=...
CSS [CSS] ブラウザによって縮小画像の画質が違う
Webサイトを作成していたときのこと。サイズが250×180pxの画像を、画像ファイル側で縮小せずに、CSSで幅180pxに縮小して表示させてみたところ、非常にぼやけた画像になってしまいました。しかし、別のPCで確認すると、ぼやけずにはっき...
CSS [CSS] 枠線と文字をグラデーションに
とあるサイトで、ボタンのデザインに「枠線も文字もグラデーション」を指定されたのですが、初めての経験だったので手間取ってしまったため、忘れないようにメモメモ。実現できるものの、ちょっと面倒でした。まずは出来上がりからということで、枠線と文字を...
JavaScript/jQuery ポップアップを「CSSだけ」「jQueryも併用」の2パターン作ってみた
画像の拡大や、詳細情報を表示させるため、など、サイト上でポップアップ表示を使うことはよくあると思います。ただ表示・非表示するだけなら簡単ですが、徐々にふわっと表示（フェードイン）させたり非表示（フェードアウト）させたり、となると、少し工夫が...