mEMO

Your awesome Tagline

6 notes

AndroidのOpera Miniで、Viewportのwidthをdevice-widthにしても、320よりも狭くなる?

REGZA PHONEでOpera Mini 6でハマった。

今までなぜだか気づかなかったのだけど、AndroidのOpera Miniだと、device-widthにしても320になってくれない。Opera Mobileは大丈夫。ちなみにREGZA PHONEだと280くらいになる。

iPhone版のOpera Miniだと大丈夫なので、Androidだと中途半端なDPIで、その計算がおかしくなっちゃうのかなぁ。まさに今これのせいでハマっているのは、ちょっと横幅大きめなロゴ画像で、これがどうにもヘッダーに収まらなくなってしまった。

一方でwidth=320にしたらどうか、っていうと、それだとなぜかinitial-scaleのコントロールが効くような効かないような感じで、少しズームされてしまう。280に合わせる感じ。

ということでメディアクエリでどうにかする。

Filed under android opera

0 notes

Sugarsyncでファイル名が大文字になる

Sugarsyncでcode系をバックアップしてたのだけど、なんかのタイミング(たぶん同期が中途半端になってる?)で、ファイル名が大文字になってしまう。

これがCoda、Transmitで区別されるので色々困る。

一番困ったのがSass。Sassのwatchが効かなくなる。

Sugarsyncからcodeは撤退することにした。

2 notes

modernizr-custom.jsでWin XP + IE8 が再起不能(リタイア)

あ…ありのまま 今 起こった事を話すぜ!(本当に)

Mobile Webが大好きなデベロッパーに人気の、Mobile Boilerplateのjs/libs/にある、
modernizr-custom.jsっていうのが Win XP + IE8 の環境で謎のエラーを発生させる。

ページにアクセスすると、2回ほどリダイレクトっぽい挙動をして、ロケーションバーが次のようになり、エラーを返す。

res://ieframe.dll/acr_error.htm#hoge

 Internet Explorer はこの Web サイトの復元を中止しました。Web サイトに継続して問題が発生している可能性があります。 

で、これが実際どういうときに起きるのかというと、今のところ問題なっているのは background周りでのtestが影響してるっぽい。普通のmodernizr.jsでももしかしたらダメかも。

ただこれは絶対発生するんではないかもしれないのでなんともですが、こういうワケわからんことが起きたら疑うべし。

Filed under js ie

0 notes

HTML5要素とWAI-ARIAのLandmark

WAI-ARIAのLandmarkに role=navigation や role=complementary があるが、それぞれHTML5の nav要素 と aside要素 にかなり近いよう。

となると、いちいち<nav role=navigarion>とするのは疑問。<aside role=complementary>も同様。

ここでまたややこしいところは、nav要素は全部のナビゲーション群にマークアップすべきではない(はず)なので、nav要素ではマークアップしないけど、ナビゲーションであれば role=navigation にするとか…。

<div role=navigation>
  <ul><li><a></a></li></ul>
</div>

いやしかし、これはこれでなんでもかんでもナビゲーションでおかしくなりそう。あとLandmarkにはもっと種類があるので、それらを把握して同じnav要素でも違うroleをあてたりするのかな。

とりあえずわかりやすい、role=banner, role=main,role=contentinfo くらいかな。

Filed under wai-aria a11y