モバイルXHTML

3キャリアではスルーしてくれてたけど、本当はすべき点は


■iｍｇタグなども閉じる

■URLも含めて＆を特殊文字に変換

■半角スペースを「＆ｎｂｓｐ；」とかかない

■半角カッコなどは＜＞と全角に

他にもあるかもしれないけど・・・とりあえずこれらをちゃんとXHTMLのルールに則って記述したら、エラーがなくなった。
やれやれ・・・

＆の変換とかきついね。ブログURLとかでよくあるし


既にお世話になってるコーディング本読んで勉強します・・・



携帯サイト コーディング&デザイン/高木 悠介
￥2,709
Amazon.co.jp

twitter

twitterを使ったコンテンツ、なんかやりたいなあ･･･


ライトボックスいろいろ

prototype.js

scriptaculous.js

effects.js

builder.js

lightbox.js

lightbox.css


これらを使うライトボックスが今のところ安定してるかなあ・・・？



【注意点】


■rel="lightbox[aaaaaa]"
でnext,prevのグループ分け


■title="bbb"
★必須　記述しないと、直前に見たライトボックスのタイトルが入ってしまう

FlashLiteスライドショーと総読み込み容量

携帯サイトでHTMLページに写真を複数表示させるとなると、キャリア毎の表示可能容量やユーザーのフラストレーションを考えると、しんどい・・・

そこでFLASH。携帯でのFLASHは、HTMLと違って、キャリア間の差を気にせず制作でき、HTMLに比べてフラストレーションが少ない。制作方法は↓

FlashLiteスライドショー
http://nakamuu.korare.jp/e16962.html


だが、こちらも制限が多い。
３キャリア分考えると、『総容量が１００KB」ということに一番気をつけなきゃいけない。
外部読み込みのため、

『写真が何枚になろうと容量は読み込みさせるswfだけ気をつけておけば・・・』

と思ったら、一枚一枚キャッシュが溜まって、外部読み込み総容量１００KB辺りで


エラー・・・


キャッシュクリアできる方法はないものか・・・

Flash Liteで扱う画像の注意

パブシッリュして、プレビューの際、画像が赤塗りになり、読み込みエラーが発生する。

回避方法は、

１：画像の圧縮形式をロスレスにする(JPGを使わない)
２：透過GIF/PNGの透過部分を減らす(透過処理に負荷がかかるため)
３：画像の使用量を減らす（１００KB以内）

作業の手軽さは１＞２＞３　だが、
最終的な調整の重要性は１＜２＜３　ですかね

Firefoxのバグ？

Firefox3で何やらコーディングしているときに、「1pxくらいずれてるな・・？」と
思ったことが。バグ？ズレるようになってしまったよう。

応急処置として、以下のブログで紹介されています。

http://www.experience-transporters.com/kosuk/archives/002796.php


body {
_padding:0px 0px 0px 2px;
}

body,x:-moz-broken {
margin-left:-1px;
}


アンダーバーを入れると、IE6のみ適用されるらしい。
FF3は左マージンを１ｐｘ入れる