Numb.

Avatar

Just another WordPress weblog

stylish 設定メモ

Firefox 拡張の、Stylish 用 CSS。 自分用メモ。

[Read more]

CSS で指定した背景・ボーダーが IE で出ない時のメモ

Firefox、Opera では問題ないが、IE6 でのみ起きる現象。

現象:position を使っている要素のすぐ後ろの要素で、背景やボーダーが表示されなくなることがある。

対処方法:「position: relative;」を背景やボーダーがある要素に指定してあげる。

この現象が起きる場所付近をコメントアウトしながら原因を探して、position をコメントアウトするとこの現象が起きないことを確認。 ということで、おそらく原因は position 。 position が関係してるならと position: relative; を背景・ボーダーが消える要素に付けたらキチンと表示されるようになったので OK。

でも具体的に原因がよく分からないからスッキリしない…なんだろな。 CSS バグリストざっと見た限りだと該当しそうなものがないような、後でもう一度確認しよう。

Internet Explorer (Windows) CSSバグリスト
Internet Explorer (Windows) CSSバグリスト

Firefoxの不要メニューを userChrome.css で隠す

今までは MenuEditor という add-on を使って不要メニューを非表示にしていたのですが、 PC を変えたついでに Firefox をダイエットさせようかなと userChrome.css で隠す方法に変えてみました。

参考にしたのは以下のサイトです。

userChrome.css に直接書いてももちろん OK ですが、 Stylish を使っているならグローバルスタイルの css として保存しておくのも手軽です。 私は Stylish に「Menu Editor - css」という感じの名前で以下の内容を設定しました。

長いので以下、全文表示ページで。 [Read more]

HTML & CSS エディタ ez-HTML

色々使ってみたなかで、これはいいなーと思えたもの。 #2/24思い出して色々追記やら修正。

ez-htmlの入力補助

ez-HTML ez-HTML

高機能すぎるほど高機能なので、使いこなすには最初に「ん、これどういうもの?どうするの?」 と多少ヘルプを見ないといけないかもしれません。 でも、自分が便利と思う機能だけ使いこなせればいいと思うので、そんなにたくさん学ばなくてはいけないわけでもないし、 なにより便利なので最初のヘルプを見る作業を加味しても十分使ってみる価値ありかも。

基本的には分かりやすく使いやすいソフトだと思います。 寄与歓迎のフリーウェアとなっていますが、下手な製品よりよほど良さそう :D

[Read more]

文字サイズのいろいろ

ブログの文字サイズを大きくしてみました。 最近大きい文字のほうが増えてきたなー。と思ったことと、 自分のブログなのに MAC の Firefox から見ると文字サイズが小さくて、 拡大しないと読む気になれないような状態だったのでちょっとイヤだなーと思いまして。

…で、思い出した話などをちょっと書いてみまーす。

フォントサイズの指定方法のハヤリ

昔はフォントサイズは 12px とか 10px とか固定にして、 小さめでサイズ変更させないのが流行りましたが、今はだいぶ変わりましたねー。 これからは CSS ってものを使うらしい!、なんて騒いでいたのを思い出します。 (本当に初期は HTML の中で、+2 とか書いてサイズ指定していましたが/笑)

昔といっても 3 ~ 4 年前くらいでしょうか。あの頃はブラウザの違いやOS の違いで、文字の大きさが違ってしまって デザインが崩れる、文字にジャギーが出て読みにくい、違う環境で小さすぎる・大きすぎる…etc 、 いろいろなことがサイトを作る人の頭を悩ませていたように思います。 そういったことを回避できるということで『フォントサイズは「 px 」指定で!』などと書かれた書籍が多かったですね。

[Read more]

,

PAGE TOP