iPad発売前に！iPad向けWebサイト制作についてのおさらい | tuglog!
■ユーザーエージェント user agent Mozilla/5.0 (iPad; U; CPU OS 3_2 like Mac OS X; en-us) AppleWebKit/531.21.10 (KHTML, like Gecko) Version/4.0.4 Mobile/7B334b Safari/531.21.10 ユーザーエージェントとはWebサイトにアクセスする際に使用されるプログラムのことで、このユーザーエージェントを解析することで、アクセスしている端末やOSがなんであるか、ということがわかるようになっています。 以前エントリーで紹介した「入れてるとチョット便利なFireFoxアドオン」でもユーザーエージェントを変更して、サイトの見え方を携帯用に変更したりできるものを紹介しています。 もしiPad用サイトの検証の時はご利用ください。 ■標準ブラウザ Safari Appl
ウィンドウサイズによってスタイルシートを変える - builder by ZDNet Japan
ウェブページを表示するブラウザのウィンドウサイズは、閲覧環境によってさまざまだ。特定のウィンドウサイズを想定してウェブページを作成すると、それ以外の大きさのウィンドウではコンテンツが読みづらくなるなどの問題が発生する。最近ではiPhoneのような携帯端末からのアクセスも考慮する必要性が出てきているが、サイズ別にページを用意するのは制作にも管理にも手間がかかってしまう。 こんなとき、CSS3の「Media Query（メディアクエリ）」の機能を利用すれば、ウィンドウサイズに応じて適用するスタイルシートを切り替えて、ユーザーの環境ごとに最適なデザインでページを表示することができる。 現在、Media Queryの規格はW3Cの勧告候補（Candidate Recommendation）となっており、Firefox 3.5以上、Safari、Google Chrome、Operaが対応している。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
