春は、衣替えの季節。そしてブラウザ替えの季節とよく申しますが、「ちょっと重い」と思いつつもFirefoxメインな私も例に漏れずFirefox2から3の人柱へと移行してみました。
理由は2つあり、1つには「表示のチェック用ブラウザを増やすための、いわゆる普通の”新規テスト環境の入手”」。もう１つには「”パフォーマンスが改善した”という恩恵に与ってみたい」と思うところにあります。

実際に使ってみると、ほんとにパフォーマンスは改善しています。ほぼ同数のアドオンを入れてみても、動きはキビキビしており、キャッシュなしでの初回表示もほんとに早い。ここら辺のパフォーマンスアップ具合はどこにでも書いてある話ですし、その反応を見てもある程度想像も付くと思います。

しかし、個人的に一番良いと思った点は、もっと地味なところにありました。それは“パスワードの保存確認”です。
従来では、「パスワードを保存しますか？」的なダイアログはブラウザのすべての動作を止めてしまい、画面もこのダイアログにレスポンスを返さない限りは遷移しないため、”パスワードを保存した後に「パスワードが間違っています」とサイトに付き返され、Firefox内に無駄な情報（間違った認証情報）を保存してしまう”ということが多々ありました。
今回のFirefox3では、「パスワードを保存しますか？」ダイアログが出ることはなく、ID/パスワード入力後にアドオンのインストール確認同様、ブラウザの上の方に確認用のバーがにゅっと出てきます。このバーが出ている最中も通信、画面の描画や遷移は変わらず行われており、”パスワードが無事通ったことを確認”してから、保存をすることができます。
ということは逆に、「パスワードが間違っています」と付き返された時は、その後で「保存しない」を選択することも可能になったわけです。

結構な慌てっぷりでキーボード入力をすることが多いので、そのためにミスを乱発し、その度にFirefoxに誤った認証情報を保存してしまい、整理するたびに気持ちが萎えていたので、非常に助かります。

注意：あくまでもbeta版ですので、使用は自己責任で。

一見してグラフィックのベースがマザー2かなと思われるテイジンのFLASHゲーム”カトリーヌの不思議な冒険“がイイ。

見た目だけの点で言えば、作りこまれたドット絵に制作側の苦労が偲ばれるとか言ってしまうと生々しかったりしますが、本当にそう思います。

ゲームをしながらテイジンの持つ技術やプロダクトの解説が見れるのですが、情報に辿り着くまでを楽しませる工夫というか、こういったコンセプトのFLASHはもうすでに数多くありますが、傍から見ると全然わからない”流行り物だとか自分が普段よく使ってるものに関するプロダクト”を陰ながら作り続ける企業の「幅広く伝えることの難しさ」に真っ向から挑んでいる広報活動は、結構見ててクオリティの高いものが多くて面白いです。

「だけじゃない」って感じがしますね。

前回エントリ”KORG DS-10スゲー！“でYoutubeの動画を貼り付けた後にわかったんですが、Youtubeに「埋め込み」として掲載されている動画貼り付け用コードは、そのままですとXHTML Strictではありません。残念ながらXHTML Strictなページに貼り付けるとInvalidになります。

これを解消するにはちょちょっとコードを書き換えてあげる必要があります。デフォルトのコードは以下の通り（ここでは便宜的に改行していますが、実際は一行のコードです）。

before:

<object width="425" height="355">
<param name="movie" value="http://www.youtube.com/v/rorBOzwR3Tc&rel=0&hl=ja"></param>
<param name="wmode" value="transparent"></param>
<embed src="http://www.youtube.com/v/rorBOzwR3Tc&rel=0&hl=ja" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed>
</object>

after:

<object type="application/x-shockwave-flash" data="http://www.youtube.com/v/rorBOzwR3Tc&hl=ja" width="425" height="355">
<param name="movie" value="http://www.youtube.com/v/rorBOzwR3Tc&hl=ja" />
<param name="wmode" value="transparent" />
</object>

via : YouTube XHTML Strict ? – SitePoint Forums

2008年１月現在、横幅1000px越えなサイトが増えてきたので、自分でもやってみたのですが、やっぱりノートPCで見るですとか、1000px越えなデスクトップ環境でも実際はウィンドウがそれほどのサイズで展開されていない、さらにはブラウザのサイドバーが開かれているとかさまざまな状態が存在します。

というわけで怖じ気づいたか、サイドバーにレイアウト変更用のリンク（Layout Change）を設けました。3カラムレイアウト（たしか横幅980px）と、2カラムレイアウト（たしか横幅780px）をご用意しました。Cookieを利用しておりますので、Cookieの期限365日間は選択したレイアウト方法を記憶しておけます。

ライブラリを用いていますが、利用したのはEmotional Webさんの”jqswitch.js”。jQueryを利用しているので、簡単に実装できます。とてもいいものを……ありがとうございます。

しばらくは安眠枕。

相変わらず巷では”熱しやすく、冷めやすい”ことで定評のある私ですが、ここへ来て本人の飽きが来ないためのデザイン変更をしました。見た目だけですが。これからはのびのびやっていけそうです(プライベートでやるべきこと、やりたいことが結構溜まってるので…)。

それと、”シェアがかなり多くなったことで、世界の標準になりつつある”などとは、微塵も思いませんが、新しい領域にチャレンジしたいので、敢えてウインドウサイズは、幅1024に合わせてみました。

今後ともどうぞよろしく。