K::memo

■ Wiiインターネットチャンネル対応CSSプラグイン(1)

Wiiのインターネットチャンネル(Opera)でウェブを表示すると，テレビ画面という事もあってか，パソコンで普通に見ている文字サイズでは小さすぎて見えにくい（大画面テレビだと違うんだろうけど…）．

ということで，User AgentでWiiを判定して，文字サイズを大きくするプラグインを作った．文字サイズは，Rimoの文字サイズを参考にしました．あと，どこのリンクの上に指カーソルがあるかわかりやすいように，hoverで背景を黄色に設定した．文字サイズについては，テーマによって，文字サイズの指定の仕方が違うので，それぞれのテーマで指定の調整が必要．

ちなみに，Wii（日本語）のUser Agentは「Opera/9.00 (Nintendo Wii; U; ; 1309-9; ja)」．User Agentの判定は，NTさんのところ（CSSの選択的表示）を参考にさせて頂きました．プラグインのテストは，Sleipnirのオプションで上記のUAを設定して行いました．そういえば，この方法で，Wii用のページが見られますね．

• WiiとCSS
• Liner Note ≫ Wii向けCSS（の資料集め）

#
#   wii_channel.rb
#

add_header_proc do
if /Nintendo Wii/ =~ ENV["HTTP_USER_AGENT"]
%Q'\t
<style type="text/css"><!--
body {
	font-size:160%;
}

div.section p,h1 {
	line-height:175%;
}

h2,h3,div.day h2,div.body h3,div.footnote p {
	font-size:130%;
}

h2 span.nyear {
	font-size:60%;
}

a:hover {
	color:#f00;
	background-color:#ff0;
}

--></style>
\n'
end
end