browser

Opera / 全角数字の文字化けがじんわりウザくなった

最近たまにOperaを使ってる。
PC版のOperaは癖があるけど軽快、ただ見るだけならchromeより快適かも。
最初からマウスジェスチャーついてるし、閉じたタブをCtrl + Zで開けるし。
それに比べてiPhone版Opera Miniの残念具合はどうしたものか…

話がそれた。
そんなちょっと快適なOperaですが気になる事がありんす。
サイトによっては全角数字がバケるんです。
別にOperaが悪いわけじゃなんだけどね。

全角数字がバケてる

英数なんて全角で使わないけど、サイトによってはゴチャ混ぜになってるのよね。
例えば知恵袋なんてOperaで見ると何書いてあるんだかさっぱり。
どうも原因はLucida Grande。

ちなみに、知恵袋はこんな風なfont指定をしてる

Firefoxだと”MS PGothic”が有効になるけど、Operaは”MS Pゴシック”と書かないと認識しないので次の”Lucida Grande”が適用される。

そして Lucida Grande で全角数字を表示するとバケる。
表示できないからバケる?
詳しい事はわかりませんけど。とにかくバケる。
Lucida Grandeてのはwindows版のsafariをインストールすると付いてきてたみたいだけど今はどこからやってくるんだろう?
Safari.resourcesフォルダの中には無かった。

とりあえずOperaのフォントを変更しても、font-familyが指定してあるページのフォントは変更できないので解決しない。
スタイルが指定されていないページに適用する標準のフォントと色を選択します、ですって

解決策は?

制作側の解決方法は”Lucida Grande”を最初に指定しない。
観覧側の解決方法はいくつか選べて

  1. Lucida Grandeを削除する(windowsに元々あるfontじゃないから無くても平気)
  2. Firefox用のLucida Grandeフォント | pyotr.guru.ru様が配布されてるLucida Grandeと置き換える
  3. ユーザースタイルシートでfont-familyを上書きする

今回は3番の「ユーザースタイルシートでfont-familyを上書きする」をやってみます。

Ctrl + F12 ( [設定] – [設定] ) – [詳細設定タブ] – [コンテンツ] – [スタイルオプション]
Ctrl+F12 ( 設定 - 設定 ) - 詳細設定タブ - コンテンツ
を開くとユーザースタイルシートの保存場所と名前を設定できる。
初期値はuser.cssみたい。

ユーザースタイルシートの参照先ちなみにうちのOperaは10.50 betaが出た時に別フォルダを作ってインストールしたんだけど
そのフォルダのまま勝手にアップデートされてて、中身は10.53なのに紛らわしい事になってる。けどそのまま。

user.cssは存在しなかったので、こんな風に記述して保存

結果

ユーザースタイルシート適用後

文字化けは治ったけど、font指定を片っ端から上書きしちゃうのは良くないよねぇ…
やっぱり1番か2番が良いのだろうか。

Internet Explorerのテキストフィールド(input type=”text”)のテキスト縦位置をイイ感じにしたい。

テキストフィールド ( input ) に padding ではなく height を指定したい時があるんですけど
そうするとIEで文字が上揃えになっちゃってるみたいなんですよね。

IE 8 の表示(6~8同じ感じだった)
IEのinput内テキスト縦位置

Firefoxは最初っからイイ感じ。
firefoxのinput内テキスト縦位置

html

css

細かい事で申し訳ないけど気持ち悪い、なんとかしたい。

IEでも縦位置中央にするには

試してみた結果、heightと同じ値をline-heightに指定する方法が有効ぽかった。

続きを読む

Firefoxの全てのショートカットを編集するキーコンフィグ拡張。

例えば、下の拡張が2つとも入っているとctrl+xhift+sが見事に被る。

Web DeveloperXmarks

こっちはWeb Developerでcssのon / offをしたいのに、なぜかXmarksブックマークの同期の方が有効になっていて変更できない。

そこでkeyconfig

keyconfig / keyconfig 20080929 • mozillaZine Forums
インストールしてCtrl+Shift+F12で設定画面が開く。
もしくは[ツール] – [キーボードショートカットのカスタマイズ]

Keyconfig設定画面
色がついてるのが被っているショートカット。
要らない方を選択して[キーを削除]して再起動したらおk。

やっと、Web Developerのctrl+xhift+sが復活したヾ(゚ω゚)ノ゛

IETesterがv0.4.3になってIE9 previewに対応してたよ。

IE Tester 0.4.3

* 現在はv0.4.10
続きがあります / IETester v0.4.8 で IE9正式版をプレビュー出来るようにするメモ
正式版IE9をインストールしてから
IETesterでプレビューさせる為に
移動させる必要があるフォルダと、変更する名前について書いてあるよ。

以前より動作が安定してアイコンも綺麗になってた。

IE Tester 0.4.3

My DebugBar | IETester / Browser Compatibility Check for Internet Explorer Versions from 5.5 to 9

Note for IE9 : IETester installer does not include IE9 files, so you will need to install IE9 preview and copy files manually : See How To install IE9 under IETester (No more than 1 minute).

IE9は含まれてないから必要なら別途preview版をダウンロードしてきてね、と書いてある。

IE9 previewのダウンロードはたぶんここから|Internet Explorer 9: Testing Center
(右上のinstall the previewのボタン)

同ページ内で、IE9のWeb標準対応度なんてのが他ブラウザと比較されてたり。

対応状況

IEは大嫌いだけど、IE9はみんながさっさと乗り換えたくなるような素晴らしいブラウザになればいいなと期待。
IEがちゃんとしてれば制作が幾分楽になるもんね。

Internet Explorer Platform Preview requires Windows Vista or Windows 7. Feel free to explore our Test Drive demos in your current browser.

ただ、IE9を使うにはWindowsVistaか7が必要。という事で、XPでIE6使ってる人達はIE9がすげぇ良いブラウザだとしても使えないわけで、どうなんだろう?

FirefoxのアドオンMake Linkを入れたら、なんかもう幸せ(他2本。

Make Link / 右クリックでリンク形式選択してコピーする図開いているページのtitleとurlをコピペ出来るだけのアドオンなんだけど、今までいちいちソース開いてtitleコピペしてからurlコピペしてってやってた手間が75%削減。
先日書いたWordPressのプラグインメモのリンクを貼る時に大活躍。
Make Link 9.11 だと初期設定で4種類の形式が登録されていて、自分でも増やせる。

Plain Text

[text]
Make Link :: Add-ons for Firefox <https://addons.mozilla.org/ja/firefox/addon/142>[/text]

Forum Code

[text]
[url=https://addons.mozilla.org/ja/firefox/addon/142]Make Link :: Add-ons for Firefox[/url][/text]

HTML

[text]
<a href="https://addons.mozilla.org/ja/firefox/addon/142">Make Link :: Add-ons for Firefox</a>[/text]

Markdown

[text]
[Make Link :: Add-ons for Firefox](https://addons.mozilla.org/ja/firefox/addon/142 "Make Link :: Add-ons for Firefox")
[/text]

その他、リンク・URL関係で入れてるアドオン

CopyAllURLs :: Add-ons for Firefox
Make Linkのタブ版みたいな感じ、全然使ってない。
開いてる全てのタブのurl / タイトルをコピーしたり、履歴まで含めてコピーできたり、指定した文字数以上urlは自動的にtinyurlに変換するとか出来る。
テキストリンク (Text Link) :: Add-ons for Firefox
リンクになっていないURI文字列をダブルクリックで開ける。
例えばこんなのとか
http://www.google.co.jp/
どっかでよく見かけるこんなのとか
ttp://www.google.co.jp/
いまどき無いだろうっていうこんなのとか
http://www.google.co.jp/
全部ダブルクリックするだけで開ける、素敵。