iPhone X の Safari における Web コンテンツの表示 - ONO TAKEHIKO - Medium
iPhone X が発表されて間もなく、ディスプレイの「切り欠き」については至るところでちょっとしたイジリ合戦が始まっています。中には実際に信じてしまっている人もいるほど秀逸なものがありまして、それがこちら。 思わずクスッときてしまいますが（笑）、まあ当然こんなことにはなりません。 iPhone X にはディスプレイの上下左右に iOS の占有領域が存在し、それ以外（アプリのタッチイベントを認める領域）を Safe Area と呼ぶようです。Safe Area の外にある上部領域にはステータスバーとして時計やアンテナのインジケータなど iOS のシステムアイコン等が並び、下部の領域には iPhone X で導入された「ホームバー」が存在することになります。 では iPhone X の Safari で Web サイトを表示した場合に一体どのようになるのか？それを Web 上の情報を元にまと
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
中学生からわかるiPhoneアプリ開発入門。第1回 。
はじめまして！ みなさま、はじめまして！@akio0911と申します。 自由大学にてアプリクリエイター道場という講義をやったり、cocos2d for iPhoneレッスンノートというゲームアプリ開発の入門書を執筆したり、ハイパーアプリクリエイターズというインタビュー番組を制作したりしています。 また、拡張現実ライフというブログを運営しているブロガーでもあります。 このたび、AppBankさんにて、アプリ開発入門の連載記事を執筆させて頂くこととなりました。ぜひぜひこの連載を読んで、アプリ作りの第一歩を踏み出してみて下さい！ 第1回の目次です。 iOSアプリ開発に必要なものは？ Xcode 4のインストール 早速アプリの作り方を学んでいきましょう。 iOSアプリ開発に必要なものは？ iOSアプリを開発するには、以下に挙げるものが必要となります。 Mac iOSアプリを開発するには、Intel
iOS 5 GUI PSD (iPhone 4S) | Downloads | Teehan+Lax
License: The sole purpose of this file is to help you pitch, design and build amazing software. It can't be repurposed as your own, nor can it be broken apart and used to create similar tools. This iOS 5 Photoshop template makes it easy to mockup retina display iPhone apps. This file now includes countless changes and additions to align to iOS 5. As usual, we’ve painstakingly recreated everything
iOSのSafariで特定のfont-sizeのときの謎の隙間 - Webtech Walker
iOSのSafariでなぜか特定のfont-size（11px、10px、9px）のときだけマルチバイトの幅計算がおかしいのか、折り返し位置がずれるという件。 DEMO これをiPhoneで見るとこんな感じになる。 こんな感じ。11px、10px、9pxのときに右側に隙間が空いてるがわかると思います。これは特にpaddingとかとってるわけではなくて、このfont-sizeのときだけなぜか隙間が空くんです。8pxは大丈夫なので11px以下というわけではないみたい。さらにマルチバイトでなければ隙間はできない。謎。 ちなみにiOS4.3でも直ってなかった。Androidは大丈夫。 解決方法知ってる人がいたら教えてほしい。 追記：letter-spacing: -0.001em; で直るっぽい
【スマホ集中連載 第11回(最終回)】過去10回分の“大事”なところをまとめました : LINE Corporation ディレクターブログ
こんにちは。新世紀メディアグループの石野です。 3月より始まりました短期集中連載「ディレクターのためのスマートフォン講座」も今回で最終回となります。11回を数える連載となりましたが、お付き合いいただきありがとうございました。 最終回は、本特集をダイジェストに振り返っていきたいと思います。過去10回の記事を読んでない人も大事なところを把握しやすいよう、ピックアップしていきます。 基礎勉強：スマートフォンの市場規模〜【第1回】 ◆【スマホ集中連載 第1回】 "スマホ時代は本格的に始まっている" 〜スマートフォンの市場動向まとめとlivedoorのPV 市場動向についてのまとめています。 ケータイ端末の契約台数は、1億1千万台でそのうち6%がスマートフォンユーザーとなります。各キャリアの販売予測から、2011年末時点で20%近くまでシェアが伸びると予測しています。この辺りの数字は覚えておいた方が
iPhone iPad 画面サイズ 寸法: iPhone iPad メモ
画面サイズフル 320pixel*480pixel 実寸 50 x 75 mm --------------------------------------------------------------- ステータスバー 20Pix ステータスバーを消すには、 [UIApplication sharedApplication].statusBarHidden = YES; 又は Info.plistを編集することでも同様の効果を実現できます。BooleanのUIStatusBarHiddenというキーを追加して、チェックボックスをチェック。 -------------------------------------------------------------- iPad 768 px x 1024 px 実寸147mm×196mm タブバー 44pix タブバー iconイラストレ
iPhone向けWebページで、アドレスバーを隠す - Sunflat のブログ
iPhone向けWebページで、自動的にスクロールさせてアドレスバーを隠したい場合、以下のようなコードを書くことが多い。 <script type="text/javascript"> window.onload = function() { setTimeout(scrollTo, 100, 0, 1); } </script> でもこれだと、Backボタンで戻った時にも強制スクロールされてしまい、見づらいサイトになってしまう。 初回表示時（手動でスクロールさせていない状態の時）のみスクロールさせたい場合は、以下のようにすれば良いらしい： <script type="text/javascript"> function doScroll() { if (window.pageYOffset === 0) { window.scrollTo(0,1); } } window.onload
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のデバイスとしての画面サイズはポートレート（縦向き）であれば 横
【スマホ集中連載 第2回】 "Android独自の仕様を把握しよう" 〜iPhoneとAndroidを徹底比較 : LINE Corporation ディレクターブログ
スマートフォングループ ディレクターの石野です。 スマホ王子からバトンを受けまして「ディレクターのためのスマートフォン講座」第2回目です。今回は Android と iPhone を用途別に比較しつつ、Android 独自の仕様を丸裸にしていきたいと思います。レベル1 基本編 とりあえず知っておくべし！レベル2 ユーザー編 iPhone から Android へ乗り換えるユーザー向けレベル3 アプリ編 今後アプリ開発に携わる人向け レベル1: 基本編 (とりあえず知っておくべし！) ◆物理ボタンの数[ホームボタン] のみの iPhone に対して、Android には [戻るボタン] と [メニューボタン] が搭載されています。 文字通り [戻るボタン] は1つ前の動作に戻れます。ブラウザで遷移していれば前のページへ、ブラウザを開く前にアプリを起動していればそのアプリへ、そして [メニュー
iPhone向けサイト制作ノウハウ＆拡張機能「iPhone site extension for Dreamweaver CS4/5」 | デベロッパーセンター
iPhone（iPhone 3G/3GS）／iPod touchは、PC向けサイトがそのまま表示できるところが大きな魅力の一つです。しかし、小さな画面や、指で操作するとインターフェイスなどのようにデバイス特有な面も多く、PC向けサイトのままでは必ずしも見やすいとはいえません。そこで本記事では、Dreamweaverを使ってiPhone向けサイトを作る時のテクニックや注意点をご紹介します。 必要条件 この記事を最大限に活用するには、次のソフトウェアが必要です。 Dreamweaver CS5 体験版 今すぐ購入 制作したサイトの表示結果を確認する方法 ライブビューでプレビューする Dreamweaver CS5（および CS4）には「ライブビュー」機能が搭載されており、ページのレンダリングにはWebKitエンジンを利用しています。iPhoneのSafari（Mobile Safari）も
ウノウラボ by Zynga Japan: iPhone向けのサイトを作るときのちょっとした気配り
yamaokaです。 だいぶiPhoneやAndroidといったスマートフォン向けのwebページを作ることが増えてきたのではないでしょうか。ちょっとした気配りで使いやすくなるケースもあるかなと思うので、いくつか使えそうな工夫について書いてみたいと思います。 ただし、今回はiPhone向けです。 タップされた場所をハイライトする iPhoneのSafariでは「-webkit-tap-highlight-color」という拡張された属性があり、タップされた箇所に色を付けることができます。CSS3ではRGBaによる色指定ができるので、半透明の色を指定すればタップされた箇所をわかりやすく示すことができます。例えば、-webkit-tap-highlight-color:rgba(255,0,0,0.40);と指定すると薄い赤色を付けることができます。「outline:none;」と併せてリンク文
iPhone4 Retina Display対応のデザインのコツ！
僕はどうやったらRetina Displayが綺麗に表示されるか必死に模索する毎日です。（保護シート含め） ということで、今後のiPhone開発に”必須!!!"のRetina Display対応のデザインデータの作り方のコツについてご紹介します！
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Googleマップに行きたい場所、写真、各情報をクリップし旅程を作り、iPhone/iPadでオリジナル旅行ガイドを持ち歩く方法 [iPhone活用レシピ] - isuta[イスタ] - おしゃれ、かわいい、しあわせ -![Googleマップに行きたい場所、写真、各情報をクリップし旅程を作り、iPhone/iPadでオリジナル旅行ガイドを持ち歩く方法 [iPhone活用レシピ] - isuta[イスタ] - おしゃれ、かわいい、しあわせ -](https://cdn-ak-scissors.b.st-hatena.com/image/square/d6a59142bbccab542150ff434458033bd33f875e/height=288;version=1;width=512/https%3A%2F%2Fisuta.jp%2Fcategory%2Fiphone%2Fwp-content%2Ftmp%2Fvol%2F2012%2F04%2Fgm011.jpg)
http://harayu.com/web-work/xcode4-3-ios-simulator-5-0
SoHaya.com is for sale | HugeDomains
iPhoneサイトでアドレスバーを非表示 - かけがえのない日々
iPhone フルスクリーンモードとJavaScriptについて
HugeDomains.com
iPhoneサイトの幅サイズトーク [CSSNite裏]![iPhoneサイトの幅サイズトーク [CSSNite裏]](https://cdn-ak-scissors.b.st-hatena.com/image/square/dd5f9f0ce2c68290a7264d8be14192d5b6fdb014/height=288;version=1;width=512/https%3A%2F%2Fs.togetter.com%2Fogp2%2Fee013045eae25acd6c9dff71b774ddf0-1200x630.png)
