IE8, textareaのwidthを%指定してはいけない

いけてないブラウザIE8textareawidth%指定すると、文字入力時に勝手にスクロールして入力しづらくなります。
ピコピコ動いちゃうんですよね〜。

ひどい話です。
リキッド・レイアウトはするなってことなんでしょう。

【対策】
下記のどれかを使うと解消されます。

widthpx指定する。
わかりやすいでしょ。

position: absolute; を指定する。

IE7 標準モードにする。

<meta http-equiv="X-UA-Compatible" content="IE=7">

HTML5, ネタ元をメモ

HTML5時代がヒタヒタと忍びよってそうなので、きたるべき時に備えてネタ元を記録。

ブラウザの適応度をテスト
The HTML5 test – How well does your browser support HTML5?

何が出来るかのデモ。ブラウザ対応表付き。
HTML5 Demos and Examples

webmonkey さんの解説
Building Web Pages With HTML 5 | Webmonkey | Wired.com

本家W3CのDraft
HTML5

ユー、飛び込んじゃいなよ(?)
DIVE INTO HTML 5

先生らしいっす
HTML5 Doctor, helping you implement HTML5 today

日本語でズバリそのもの
HTML5.JP

初めの一歩はここからでしょうか
HTML5についてのおさらい

拙著inazumatv.comブログでもまとめています
http://www.inazumatv.com/contents/archives/tag/html-5

CSS Hack, Firefoxにだけ有効に

FirefoxにだけCSSを有効にしたかったメモ。
ハードディスクのメモにすでに書いていたけど、使ったことが無かったのですっかり忘れていた。
出展まで書いていなかったので、オリジナル投稿の方にはまことに申し訳なく思います。

/**
for Firefox only
* */
@-moz-document url-prefix() {
セレクタ {
	/* 設定 */
	width:600px;
}
}

CSS Hack for IE 8

IE 8だけにCSSを適用したい

イケテナイIE8だけにCSSを設定しなくてはいけないことがまだまだある様子。
IE7, IE6向けHackが使えないのがマイクロソフトらしいとこ。

普通のブラウザを作って欲しいと切に願わずにはいられません。

IE8向けHack
“CSS Hack for IE 8” の続きを読む

Safari 4 Beta で 1Password

1PasswordSafari 4 Beta 最速のブラウザらしいけどまだ使ってない。
ログインIDとパスワードを管理してくれる 1Password が使えなくなると困るなぁ〜と思ってたから。

1Password の agilewebsolutions.com からメールが来て最新版の2.9.9だと「使えるヨ」だってさ。
これで安心して Safari 4 Beta に移行できる。

1Password Version 2.9.9


Safari 4 beta 登場

アップルが Safari 4 を発表しダウンロード可能にしています。

アップル、Safari 4を発表 — 世界最速、最も革新的なブラウザ

目の前にひろがる新しいウェブの世界。

パブリックベータ版なのにサイトではSafari 4が優先表示になってる、Safari 3のダウンロードリンクの方が隅っこに追いやられている。
アップルの自信はスゴイ!
大丈夫かしらとこっちが心配になる。

Mac OS X用のSafari 4の利用には、Mac OS X Leopard®バージョン10.5.6およびSecurity Update 2009-001またはMac OS X Tiger®バージョン10.4.11、および最低256MBのメモリが必要です。Safari 4はIntelプロセッサを搭載、またはPower PC G5、G4もしくはG3プロセッサを搭載し、内蔵FireWire®を持つすべてのMacで動作するよう設計されています。Windows用Safari 4の利用には、Windows XP SP2以降またはWindows Vista、最低256MBのメモリ、そして500MHzのIntel Pentiumプロセッサ以上が必要です。

Macのシステム要件はG3から、がんばって対応してくれたみたい。

Acid3 テスト – Webkit, Safari, Minefield, Firefox

OS X 10.5, MacBook Pro 2.4GHz で使用しているブラウザ、
Webkit, Safari, Minefield, Firefox の Acid3 テストをやってみた。

Safari 3.2.1
Webkit r4000 (?)
Minefiled 3.1b2pre
Firefox 3.0.5

成績は Webkit の 98 / 100 が良くて、続いて次期 Firefox 3.1 のベータテスト版と言われている Minefield が良かった。
Webkit はサイトに掲載されていたような 100 / 100 のフルスコアではなかった、マシン環境も関係あるのかも。

Safari の方が若干 Firefox より成績が良かったのは不思議な感じ。
表示に関しては Safari の方がイケテないと思ってたので意外な印象。

Webkit / Safari をメインブラウザで使っているのは起動スピードが速いからだったけど、ちょっと見直さないといけないのかな?

いつか IE のテストもしないと・・・

update
IE 7 は予想どおりお話にならなかった、画面がグチャグチャでよく見えないが多分 12 / 100。
Google Chrome は 79 / 100、まずまずの結果。

WebKit Nightly Builds, もう一つのSafari

SafariがオープンソースのWebkitをレンダリングエンジンにしていることは良く知られている。
webkit.org が提供する WebKit Nightly Builds を使用するととっても便利になる。

Nightly Builds なのでバグがある可能性が高くサイトによっては見れない可能性もある。
ほぼ毎日新しいbuildが出るのでダウンロードして差替える必要がある。

そんな不便さ差し引いても便利な「開発 -> Web インスペクタ」は使わなきゃ損!
Firefox + Firebug と同じぐらいサイトを解析できる。