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