PCでもガラケーでもスマホでも、コーディングではインデントを一切使わない派の私ですが、要望があればもちろんします。
(Dreamweaverでぽちっと!)

今回はガラケーコーディングのお仕事で、
「インデントしてください」
というご要望をうけ、なんとなく嫌だけど(嫌な予感がするけど)やってみたら・・・

スマートフォンサンプル画像:縦
これを横に回転させて、

スマートフォンサンプル画像:横
画面幅に合わせて拡大したい。

これ、見にくくないのかな...と個人的には思うんですが、そういう依頼がちらほら来るのでまとめてみました。

携帯サイトで、背景色を濃い色に、文字色を白(もしくは白に近い色)に指定している箇所に入力フォームを設置する場合、inputタグ(テキストボックスやsubmitボタン)の文字色に注意しましょーというお話です。

前にも同じエントリー「[携帯]複数画像を縦に隙間なく表示させられるか」をあげていますが、サンプルを作り直したので書き直してみました。

以下のようなデザインをコーディングする場合、画像を縦に隙間なく表示させる必要があります。
3つ並んでいる赤ちゃんの写真のところです。

「画像を縦に隙間なく並べる方法 ver02
」のサンプルデザイン

結論を先に言ってしまうと、3キャリア1ソースで画像を縦に隙間なく表示させることは現状不可能です。
(2010年9月6日現在)
ということで、以下検証結果です。

モバイルサイトの制作前に、もしくは打ち合わせに行った場合は必ずチェックしておきたいところをまとめてみました。
こちらから積極的に確認しないと、何も詳細が分からないままデザインだけぽーんと渡されてしまうことがあるので、自ら前のめりでチェックしておきたいところです。

個人的に「ここだけは外せない!」という項目は以下の6つ

  • ・xhtml?html?
  • ・文字コードは?
  • ・tableは使ってOK?
  • ・絵文字は?
  • ・カタカナの扱いは?半角?全角?
  • ・VGA対応は?

ケータイサイト解体新書
サイト制作協力をした本が出版されました!

サイト内検索
モバイルサイト
これからゆっくり考L:QRコード

このページのトップへ