携帯サイト[xhtml]のコーディング前のチェックポイント │ これからゆっくり考L +α

前回のhtml版に引き続き、今回はxhtmlの場合です。 htmlと比べて出来ることが増えるので色々なデザインの再現が可能ですが、やはり3キャリア1ソースとなると気をつけるべきポイントがいくつかあります。 コーダー（もしくはディレクター？）さんは、デザインをパッと見て「このデザインで組めます！」「組めません無理です...」の判断が咄嗟にできるようになると素敵だと思います。 デザイナーさんは、これからあげるチェックポイントを頭の片隅にいれつつデザインしていただけると、コーダーからの戻しが少なくてすむようになるかと思います。 前置きはこのぐらいにして、早速本題へ。 以下が今回のサンプルデザインです。 「これをxhtml、3キャリ1ソースコーディングしてください」 と言われた場合で考えていきます。 前提条件は、 ・3キャリア1ソース ・xhtml ・文字コード：Shift-JIS ・改行コード：

[S_W_D]

このページのトップへ

[schrift]

　携帯サイト。ずっと避けてきたが……

[sk-designings]

今携帯サイト作ってます。背景画像の指定はbodyダグのみって....ちなみに周りに実機を持っている人がいないので勘だけが頼り。

[himvoice]

わかりやすかったんでメモ

[core311]

[][coding][][xhtml]

[ahmok]

かちびと8

[Takumart]

横幅230px

[site159]

最低だ。。。。。

[kiyoshi1211]

コーディングする際には参考にしよう

[thyself2005]

参考ブクマ。

[hmd703]

XHTML版デザイン時の注意事項

[hashimoya]

この方は本当に説明がうまいなぁ

[nari_san]

すばらしいまとめ。簡潔！

[jetta_swingin]

携帯サイトで、できることできないこと

[y2_naranja]

こういうサイトを年内にかけて4枚位作る予感が

[blueribbon]

・背景画像は1つのみ ・違う背景色が連続するところはdivの使い方に注意 ・フォント関連 ・リンク色が複数存在する ・tableは使ってもいいか ・横並びの画像の横幅合計が240だと崩れる可能性アリ

[kimiko0217]

前回のhtml版に引き続き、今回はxhtmlの場合です。 htmlと比べて出来ることが増えるので色々なデザインの再現が可能ですが、やはり3キャリア1ソースとなると気をつけるべきポイントがいくつかあります。 背景画像は1つのみ

[isseisaku]

html版は→　http://sakaki0214.com/2009/10/30022723.html

[acidgraphix]

うん。この視点がモバイルディレクターにはみんな必要。この人なら安心してお仕事お願いできるかも。

[hiro_y]

携帯サイトデザインでできること、できないこと、XHTML編。

[yokada3]

これは実践的で勉強になりそうだ！

[harusoft]

これは実践的で勉強になりそうだ！

[a2ikm]

個人的に、携帯サイトのデザインはバッドノウハウの集積っぽくて好きではない/隙間の件、paddingやmarginって使えないのかな？

[verify1987]

携帯 xhtml

[kistame228]

いつもデザインがステキ

[billy-elliot]

"[mobile][webdesign][xhtml]モバイル][携帯サイト]"

[alucari]

携帯サイトのHTMLがよくまとまっている

[mi3papa]

ちょうど探していた内容でしたー

[mattarin]

実践的

[mumincacao]

しんぷるにっておはなしがごっちゃなのばっかりだけどしんぷるなのでも意外と落とし穴あるっぽいにゃぁ・・・ってでざいん屋さんに気をつけてもらわないと根本的な解決にならないけど．．．〆（´・ω・｀；【みかん