Viewport [iPhone生活]
*device-widthはiPhone横持ちの場合でも必ず320px、device-heightはiPhone縦持ちの場合でも必ず480pxとなります 例えば以下は、Viewportの横幅がiPhoneのディスプレイのサイズで、倍率は1、2倍まで拡大可能、という内容です。 描写のプロセスを検証するに当たっての条件 以下の説明では複雑な状況を説明する場合もあるため、特定の語句を特定の意味でのみ使用しています。特定の語句は以下です。 viewport Viewportのメタタグで指定した値または後にSafariが計算した値。initial-scale/width/heightの3つ。 コンテンツ（サイズ） HTMLに設置したコンテンツのサイズ ドキュメント（サイズ） 余白を含めたHTML全体のサイズ。ウィンドウよりも大きい場合は、スクロールすることで見ることが出来る全体のサイズ。 ウィンドウ
iPadに最適化したサイトがつくれるかもしれない5つの方法（基本編） - EC studio デザインブログ
<link rel="stylesheet" media="only screen and (max-device-width: 1024px)" href="ipad.css" type="text/css" /> /* 好ましくない例 */ これを使うことで横幅1024px以下のデバイスでアクセスされた場合に、ipad.cssを読み込むということはできるんですが、PCの場合でもこの程度の解像度のものはありますし、なおかつ利用しているブラウザが最近のものであれば、このコードを理解してしまいます。 つまり、「iPadだけ」に適用させるということは実質できないということになります。 この点はご注意ください。 デバイスの幅に左右されないリキッドレイアウトにする 前述のユーザーエージェントの話に次いで、レイアウトの話です。 iPadのデバイスとしての画面サイズはポートレート（縦向き）であれば 横
｢良いデザインの10ヵ条｣とiPad
iPadはすっきりとしたデザイン。まさに｢機能主義｣のインダストリアルデザイナー、ディーター・ラムスの｢良いデザインの10ヵ条｣を体現しているようです。 iPadは、アップルのデザイナー部門VPのジョナサン・アイヴ氏が、究極のインダストリアルデザインを追求してできた作品といっていいでしょう。ミニマルなミニマリズムを追求し、モバイル・コンピューターをキーボードなしのスクリーンだけにしてしまいました。 が、製品としては多少の問題点もあります。マーケティング上の判断に起因するものもあれば、製造上の制約に起因するものもあります。 続きで、手にとってみての使用感も含めたデザインのポイントと、その課題について考えてみます。 iPadは本当に、｢良いデザインの10ヵ条｣にあてはまるのでしょうか？ ひとつひとつ検証してみました。 1.良いデザインは革新的であるマウスなしのタッチスクリーンというコンセプトは
『iPad』はUIをどう変えるか：アラン・ケイが夢見たビジョン | WIRED VISION
前の記事 ウェブカメラも搭載される？『iPad』 「小惑星同士の衝突」を初めて撮影 次の記事 『iPad』はUIをどう変えるか：アラン・ケイが夢見たビジョン 2010年2月 3日 Brian X. Chen Photo: Jon Snyder/Wired.com 『Flickr』や『YouTube』のモバイル向けサイトを、最近訪れたことがあるだろうか。どちらも、オリジナルのウェブサイトよりはるかにシンプルで分かりやすい。的を射た作りで機能性も高い。 iPhone向けの『Facebook』アプリや『Linkedin』アプリは、人気サービスの「移植」を目指したiPhoneアプリだが、モバイルアプリのほうがオリジナルサイトの出来を上回っている。 より大型のタッチスクリーンを持ったiPadの登場によって、また、これを追うであろうざまざまなタブレット機によって、こういった動き、つまり、従来よりもずっ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
