CSS Nite in FUKUI

フォローアップ(4)『CSS3 を用いたスマートフォン向けWebサイト構築方法』(高嶋健人)

高嶋 健人(株式会社インフォネット)さんのセッション
『CSS3 を用いたスマートフォン向けWebサイト構築方法』に関するフォローアップ資料です。

音声データ(mp3、20分03秒、9.18MB)
スライド(HTMLファイル)
高嶋健人さんの講演内容・プロフィールはこちら

【高嶋さんからのメッセージ】
iPhone や Android などのスマートフォン、iPad などのタブレッド、TV などWebを見ることができる様々なデバイスがでてきています。これらのディスプレイサイズ、解像度が違うデバイスに対応したサイトをHTML/CSSで構築するための方法を紹介しました。

それぞれの端末用に HTML を用意してアクセスを振り分ける方法やMedia Queriesを使って1つのHTMLでCSSを切り替える方法を紹介しました。
実際の案件では、用途や Media Queries の対応状況に合わせてこれらの方法を組み合わせて使うことになります。

今回のセッションで共有できた情報が、実際に使うときにお役に立てばうれしいです。
質問やコメント、こういう方法があるよ!ということがあればtwitter やメールにて、お気軽にご連絡ください。

【補足・関連情報・リンク先など】
■参考URL
 Media Queries を使っているサイトのサンプル
 ・StunningCSS
 ・mediaqueri.es
 CSS3を生成するツール
 ・CSS3 Generator
 ブラウザごとのHTML5/CSS3のサポート状況
 ・HTML5 & CSS3 Support
 CSS3のボタンのライブラリ
 ・zardi

■書籍
 ・HTML5+CSS3で作る 魅せるiPhoneサイト iPhone/iPad/iPod touch対応
 ・iPhone+Android スマートフォンサイト制作入門