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


■imgタグなども閉じる

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

■半角スペースを「 」とかかない

■半角カッコなどは<>と全角に

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

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


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



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

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


prototype.js

scriptaculous.js

effects.js

builder.js

lightbox.js

lightbox.css


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



【注意点】


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


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

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

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

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


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

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

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


エラー・・・


キャッシュクリアできる方法はないものか・・・
パブシッリュして、プレビューの際、画像が赤塗りになり、読み込みエラーが発生する。

回避方法は、

1:画像の圧縮形式をロスレスにする(JPGを使わない)
2:透過GIF/PNGの透過部分を減らす(透過処理に負荷がかかるため)
3:画像の使用量を減らす(100KB以内)


作業の手軽さは1>2>3 だが、
最終的な調整の重要性は1<2<3 ですかね

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は左マージンを1px入れる