iOSでウェブサイトをフルスクリーン表示させる | mawatari.jp
iOSでウェブサイトをフルスクリーン表示させる方法をメモしておきます。言葉で説明するより、画面を見てもらうのが早いと思います。 iPhoneのSafariで、ウェブサイトを閲覧すると、通常は、上図左のような画面になりますが、上図右のような画面表示にするための方法です。Safariのアドレスバーや、ナビゲーションバーが表示されませんので、使える場面は限られますが、以下のような使い方ができるのではないでしょうか。 Google Maps等のFull JavaScriptのWebアプリを広いスクリーンで表示するいわゆるハイブリッドアプリ（ネイティブアプリ中身がHTML）を作る過程での簡易確認制御ボタンもHTMLで作って、Webアプリだけど、ネイティブアプリっぽく見せる1. と 3. は、ほぼ同義ですね。既に存在しているWebアプリを広い画面で使うか、自分で作るかの違いです。 Google Map
iPhone・iPad・Macの実機画像&背景にスクリーンショットを合成できるWebアプリ『PlaceIt』が便利 | NANOKAMO BLOG
iPhone・iPad・Macの実機画像&背景にスクリーンショットを合成できるWebアプリ『PlaceIt』が便利 Posted by kuroji1987 on 2013/01/03 in Mac アプリ, ブログ · 0 Comments · 読了時間：約 1分30秒 どうも@kuroji1987です。 これ最高です。ブロガーなら絶対使いたいはず、間違いない！ といった感じのWebアプリを発見しました。 iPhoneやiPadの実機画像プラス背景に、スクリーンショットを合成させる『PlaceIt』という名前のサービスです。K’confで紹介されていました！ したのような画像を簡単に作れちゃいます！ 30秒でできますよ！ すごすぎ！ この角度がいいですよね。たまらん。ということで使いかたー！！ 『PlaceIt』の使いかた さて、実際に使ってみます。と言っても超簡単。最初に『Place
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のデバイスとしての画面サイズはポートレート（縦向き）であれば 横
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
css3のMedia QueriesでスマートフォンやiPad等の様々なデバイスに対応済みのWordPressテーマいろいろ - かちびと.net
Mac・iPhone・iPad の画像にスクリーンショットを合成できる神アプリ「Promotee」 - iTea3.0
