CSS

WEB

Chrome/Edgeの固定幅(等幅)フォントが変わってしまって見辛い!

Chromeをバージョン128にアップデートしたところ、デフォルトの固定幅フォント(等幅フォント)が変更されてしまい、文字が見辛くなった!というヘルプがありました。 確かに、CSSなどで「monospace」が設定されている箇所などでは、今...
WEB

[TH] reCAPTCHAのバッジを非表示にしたい

サイトにフォームを追加して、reCAPTCHAを導入したけど、スマホで表示したときにreCAPTCHAのバッジ(アイコン?)が邪魔!何とかして!…そんな今日のヘルプ。 いや、それくらい自分で調べなさいよ、とも思いましたが、規約的にそれがOK...
Windows

メールをQMAIL3からThunderbirdへ移行する

用途によって複数のメールアドレスを使い分けているので、メールソフト(メーラー)もいくつか使い分けています。 QMAIL3がそのうちのひとつでしたが、製作者が忙しいのか、2010年を最後にアップデートが止まっているようです。長い間更新されてい...
CSS

ブラウザによって変わるプレースホルダの色指定を統一する

ホームページでお問い合わせフォームを作っていて気付いたのですが、ブラウザによってプレースホルダの文字色に違いがありました。 プレースホルダというのは、こういうヤツ。 枠の中に文字が入っていない状態では、グレー色で表示されていて、何か文字を入...
CSS

[CSS] 動くグラデーションのライン

ちょっと目立たせたい部分に使用したり、さりげなく動かしたいときに便利な、動くグラデーションライン。 GIFアニメなどで作ってもいいのですが、CSSだけでお手軽に再現できましたので、ソースをメモメモ。 サンプルソース HTML <div cl...
CSS

[CSS] ブラウザによって縮小画像の画質が違う

Webサイトを作成していたときのこと。 サイズが250×180pxの画像を、画像ファイル側で縮小せずに、CSSで幅180pxに縮小して表示させてみたところ、非常にぼやけた画像になってしまいました。 しかし、別のPCで確認すると、ぼやけずには...
CSS

[CSS] 枠線と文字をグラデーションに

とあるサイトで、ボタンのデザインに「枠線も文字もグラデーション」を指定されたのですが、初めての経験だったので手間取ってしまったため、忘れないようにメモメモ。 実現できるものの、ちょっと面倒でした。 まずは出来上がりから ということで、枠線と...
JavaScript/jQuery

ポップアップを「CSSだけ」「jQueryも併用」の2パターン作ってみた

画像の拡大や、詳細情報を表示させるため、など、サイト上でポップアップ表示を使うことはよくあると思います。 ただ表示・非表示するだけなら簡単ですが、徐々にふわっと表示(フェードイン)させたり非表示(フェードアウト)させたり、となると、少し工夫...
スポンサーリンク