ke-tai.org » media http://ke-tai.org/blog ke-tai.org　ケータイプログラマのためのコミュニティサイト。携帯電話向けWeb開発の技術情報を扱っています。 Thu, 09 Feb 2012 13:09:09 +0000 ja hourly 1 CSSの変更だけでPCサイトをiPhoneに対応させる方法 http://ke-tai.org/blog/2008/07/15/cssiphone/ http://ke-tai.org/blog/2008/07/15/cssiphone/#comments Tue, 15 Jul 2008 08:11:20 +0000 matsui http://ke-tai.org/blog/?p=367 旬の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対応サイトを作ろうと考えている方には役に立つと思います。

どこかに発表時の音声やムービーは公開されていないのでしょうか？
ご存じの方がいましたら教えてください。

 

関連：

]]> http://ke-tai.org/blog/2008/07/15/cssiphone/feed/ 0