iPad | Web活メモ帳

iPadだけにCSSを適用する方法

linja — Tue, 23 Mar 2010 02:23:15 +0000

2010.08.20追記
こちらの記事はipad「だけ」に適用する内容ではありませんでした。
実際にはJavaScriptなどの条件判定が必要なようです。

「HOWTO: CSS for the iPad」というエントリーにてiPadだけにCSSを適用する方法が紹介されていましたので、メモ的にエントリー。

詳しくは以下

以下のコードで設定できるようです。

このタイプのメディアタイプを扱えないブラウザが無視するためiPadだけに適用されるようになるようです。
同様のやり方でiPhoneにも対応できるとの事。

iPhoneだけに適用したい場合はmax-device-widthを480pxに設定すれば良いそうです。

linja — Wed, 03 Feb 2010 13:15:53 +0000

iPad 楽しみですね。
発売してからすぐに開発にかかれるよう今から準備しておくのに良いかもしれません。
iPad用のデザインテンプレートがダウンロードできるサイトをご紹介。

iPadの枠付きのPSDがダウンロード可能になっています。
全体の雰囲気はこれでつかめるのではないでしょうか。

PSD形式でダウンロード可能です。UI要素もとても豊富になっています。

linja — Fri, 29 Jan 2010 05:46:11 +0000

iPadがちまたでは話題ですね。かくいう私も喉から手がでるほど欲しいのですが、iPhone同様Flashは表示できないとの事。
では、フルフラッシュサイトをiPadで表示したらどうなるのか。そんな悲惨な画面が話題になっていました。

詳しくは以下

まるでレゴブロックのような、そっけないアイコンが表示されています。

このエントリーにはiPadにがっくりきているコメントで一杯でした。

早くFlashが動作するようになって欲しいですね。

linja — Thu, 28 Jan 2010 01:12:37 +0000

AppleよりついにiPadが発表。機能、価格などが公開されました。ゲーム、映画、 YouTubeのビデオ再生など基本的にはiPhoneと機能は変わらないようですが、新しいWEBブラウジング体験ができるのではないでしょうか。

これは欲しい！詳しくは以下。

Wi-fi版と3G版の2タイプになるそうです。

画面サイズは9.7インチ、メモリは16Gから64G、
App Storeのほぼ全てのiPhoneアプリを実行できるとの事。

解像度：1024 × 757ピクセル

薄さ：0.5インチ

外形寸法：9.5インチx 7.5インチx 0.5インチ

重量：680 g（3Gは725g）

その他の機能：加速度センサー、マイク、コンパス、マルチタッチ対応、Bluetooth 、 Wi – Fi、および3G

OSは、iPhone OSの3.2 が使用されているようで、基本的には全てのiPhoneアプリが使用可能との事。

価格は499ドル。かなり安いのではないでしょうか。

なお32GB の Wi-Fi モデルは599ドル、64GB の Wi-Fi モデルは699ドルとの事。

iPhone同様 Adobe Flashはサポートされていないようです。
カメラは、マルチタスク、USBポートは無いようです。

簡単ですが、ご報告でした。
日本での発売が待ち遠しいですね。