CSSの変更だけでPCサイトをiPhoneに対応させる方法
Tweet
旬のiPhoneネタをご紹介します。
CSSを変更するだけで、既存のPCサイトを「iPhone」「iPod touch」に対応させる方法が、スライドで公開されています。
7/4にアップルストア銀座で行われたイベントで使われたスライド資料のようです。
→ SwapSkills公式サイト 7月4日 アップルストア銀座無料イベント!開催テーマ『誰でも出来るiPhoneのウェブサイト』 [swapskills-allweb.blogspot.com]
おそらくこの資料のベースとなったスライドで、内容はやや異なっていますが、スライド内で紹介されているタグを抜き出して解説していますので、こちらのページの方がわかりやすいかもしれません。
→ Kawa.netブログ PCサイトをCSSだけでiPhone (iPod touch)に対応させる方法 [kawa.at.webry.info]
iPhoneからのアクセスかどうかを判定するには、ユーザエージェントから判断するのではなく、linkタグのmedia属性でCSSを切り替えるのが良いようです。
他にも画面幅を調整する方法や、指タッチでも使いやすくするコツなどが紹介されています。
言葉での解説ありきの資料のため、ややわかりづらいところがありますが、iPhone対応サイトを作ろうと考えている方には役に立つと思います。
どこかに発表時の音声やムービーは公開されていないのでしょうか?
ご存じの方がいましたら教えてください。
関連:
最近の記事