iPhone 6 plus の スクリーンは2208 x 1242 から 1920 x 1080 にダウンサンプリングされている - preferences
9/22: その2を書きました iPhone 6 plus の スクリーンは2208 x 1242 から 1920 x 1080 にダウンサンプリングされている その2 - pref·er·ence 元は 1080p ではない iPhone 6 plus は 5.5インチの解像度は1920 x 1080ですが、これは2208 x 1242 からダウンサンプリングされているようです。 Xcode 6 では iPhone 6 plus の解像度は Retina HD 5.5 3x スケール 2208 x 1242 と指定されているのに対して、アップルは iPhone 6 plus は1920 x 1080 だとしています。どちらが正しいのかというと、実は 2208 x 1242 を 1920 x 1080 にダウンサンプリングしている様です。MacBook Pro Retina で解像度を 1
iPhone 6 Screens Demystified | PaintCode
Few days ago, Apple introduced iPhone 6 Plus. The new iPhone substantially changes the way graphics are rendered on screen. We've made an infographic to demystify this. 320 × 480 375 × 667 414 × 736 320 × 480 750 × 1334 1242 × 2208 1080 × 1920 3.5″ 4.7″ 5.5″ iPhone 6 Plus has screen with lower pixel resolution than the image rendered in previous step. Before the image can be displayed on the scree
Screen Sizes | Viewport Sizes and Pixel Densities for Popular Devices
We built screensiz.es to help you quickly find the screen specifications of the most popular devices and monitors currently on the market. The size data comes from a variety of sources. For a better understanding of Pixel Density, check out this great post by Teehan+Lax. Our “popularity” guesstimates are derived from annualized monthly Google queries (from AdWords traffic estimator), and some fuzz
HTML5 開発者向け iPhone 5 / iOS 6 での変更点等まとめ
iPhone 5 / iOS 6 における変更点などを、開発者向けにまとめた海外記事がありましたので、簡単にですが日本語にしてご紹介。対訳ではなくて、内容だけ伝わるようにかなり変更していたり、省略もしていますので、詳しくは原文をご確認ください。 iOS 6 がリリースされましたがアップデートされましたか？私はマップアプリをよく使うのですが、早速アップデートした方々の、マップがぁぁという叫びにびびってまだアップデートできておりません… で、まだ私の手元の iPhone 4S では iOS 5 が元気に動いている今日この頃ですが、iPhone 5 / iOS 6 における変更点などを、開発者向けにまとめた海外記事がありましたので、簡単にですが日本語にしてご紹介。対訳ではなくて、内容だけ伝わるようにかなり変更していたり、省略もしていますので、詳しくは原文をご確認ください。 原文 iPhone 5
HTML5で美麗なページめくり効果が作れるJSライブラリ「turn.js」:phpspot開発日誌
turn.js - The page flip effect for HTML5 HTML5で美麗なページめくり効果が作れるJSライブラリ「turn.js」 ドラッグ＆ドロップでべらっとめくるあのインタフェースがHTML5で実現でき、iPadやiPhoneなどでも動作します。 電子書籍ビューアとして使えそうですね ページに立体感を出すために影なんかも描画されてます。 マークアップや初期化も超簡単です。<div>を並べて初期化するだけ。 関連エントリ HTML5で超リアルなページめくり効果を実装するチュートリアルとサンプル モバイルブラウザでのHTML5対応状況が一目瞭然の「Mobile HTML5」 HTML5/JavaScriptでテキストtoスピーチを実現できる「speak.js」
[css,js] Retinaディスプレイ対策
スマートフォンのRetinaディスプレイだとPCでくっきり見えてる画像がぼやけてしまう件。 500px × 300pxの画像をRetinaディスプレイでくっきりさせたいなら 1000px × 600pxの画像を作成してサイズを50%に指定すれば良い。 その方法を以下に列挙する。 基本 Retinaディスプレイはdevice-pixel-ratioという値が1.5ないし2なので CSSなりJSなりでその値を判別して振り分ける CSS3 Meia Queries Androidで未対応機種があるため、上書きで使う方が無難。 @media only screen and (-webkit-min-device-pixel-ratio: 1) { } @media only screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-de
iPhoneとiPadの切り替えが可能で、ランドスケープ(横向き表示)対応のブラウザシミュレーター・Electric Plum結構ｲｲ！（・∀・）※Win用
iPhoneとiPadをサクッと切り替え 出来て、ランドスケープ（横向き） にも切り替え可能なiOS向けの無料 のシミュレーターが結構良かった のでシェア。Windows用です。表示 の確認には結構いいんじゃないかな と思います。 iPhoneとiPadの切り替えが出来て横向きにも出来るiOSブラウザシミュレーター。個人的には確認も楽で動作も軽いので結構いいなと思いました。ただし、Windows用です。 起動するとiPhoneとiPadを選べます。選んでURLボックスにアドレス入れてアクセスしまｓ・・ やっぱり説明下手なので動画みて頂けますか。 iPadのランドスケープだけウィンドウを小さくしていたため微妙な感じですが、表示はちゃんとしてます。どうも不慣れで申し訳ないです。 一応機能をご紹介。 iPhone ⇔ iPadの切り替えが楽 iPhoneとiPadの切り替えが凄い楽です。これだけ
つまづきがちなiPhoneコーディングのTips（JS多め） | バシャログ。
来月はキャプテン・アメリカ見るし、気が付いたら年中アメコミ映画を見ているminamiです。 来月にはまた大きな発表がいろいろありそうなiPhone界隈ですが、iPhoneサイトのコーディングをする際につまづいてきたポイントを挙げてみました。 [HTML] input type="file"は使えない 画像をアップするコンテンツだからフォームに input type="file" を・・・と考えがちですが、iPhone版のSafariでは使用不可です。 [HTML] <meta name="viewport" content="user-scalable=no">が効かない 最近ハマったポイントです。ユーザーに画面の拡大をさせなくすることができるviewportのuser-scalableプロパティですが、本体のアクセシビリティ設定で「ズーム機能」をオンにしているとバッチリ拡大できてしまいま
はじめてのjQueryMobile - Mach3.laBlog
この記事は賞味期限切れです。（更新から1年が経過しています） 先月10月にアルファリリースされ、つい先日Alpha2が公開されたjQueryMobile。 新たなモバイル向けフレームワークとして期待が高まりますが、 今日はそんなjQueryMobileを、極めてザックリと紹介してみたいと思います。 だいたいのイメージを掴んで頂ければ幸いです。 公式 : jQuery Mobile | jQuery Mobile jQueryではなく、jQueryUIのモバイル版 と、言うべきでしょうか？ jQueryMobileが提供してくれるのは、 スマートフォン向けのテーマスタイルシートと、 それをより簡単にレンダリングする為の仕組みです。 はじめ勘違いしていたのですが、 jQueryをモバイル向けにチューンした物ではないので注意。 使用の際にはjQueryを一緒に読み込む必要があります。 <link
スマートフォン用アプリケーションアイコンサイズ早見表 - backyard of 伊勢的新常識
アイコン画像お願いするときに困ったのでまとめました。間違ってたら指摘してくださると助かります。あとSymbianやBlackberryのサイズわかる方いらっしゃいましたら補足お願いします。 縦横 プラットフォーム 用途 512 iPhone AppStore掲載用(iTunesとかで表示される) 200 WP7 PC用アイコン(Zune Softwareとかで表示される) 173 WP7 ホームスクリーンタイル・Marketplace 大きいアイコン 114 iPhone アプリケーションアイコン(Retina Display用) 99 WP7 Marketplace 小さいアイコン 90 WM6.5 スタートメニュー(192dpi) 64 WM/WM6.5 大きいアイコン(高解像度)、Marketplace Webサイト 62 WP7 ホームスクリーンメニュー 60 WM6.5 Mark
iPhone4 Retina Display対応のデザインのコツ！
僕はどうやったらRetina Displayが綺麗に表示されるか必死に模索する毎日です。（保護シート含め） ということで、今後のiPhone開発に”必須!!!"のRetina Display対応のデザインデータの作り方のコツについてご紹介します！
【スマホ集中連載 第1回】 "スマホ時代は本格的に始まっている" 〜スマートフォンの市場動向まとめとlivedoorのPV : LINE Corporation ディレクターブログ
はじめに スマートフォングループでマネージャーしている坪田です。昨今は誰もが注目し、「スマートフォン」という言葉を見ない日は無いくらい盛り上がってますね。 市場の急成長に伴い、スマートフォン関連のテクニックや数値などを今週から連載していきます。Open&Shareという文化が大好きなので、ノウハウをオープン化する事で、市場活性化のお役に立てればと思います。 以下、本特集で今後執筆を予定しているテーマです。・ネイティブアプリケーションの品質管理 ・アプリ企画とデザイン ・iPhoneとAndroidの違い ・HTML5＆CSS3 ・Androidアプリマーケット ・アプリ企画時に知っておくべき開発用語集、開発で使える小技集 ・UI設計について ・おすすめ本＆ブログなどなど。 スマートフォン市場動向 今回はまず第1回という事で、国内の市場動向やiPhone、Androidのシェア率を話したいと
App Collection スマホのおすすめアプリ紹介
「みんなどんなアプリを使ってるんだろう？」そう考えたこと、誰だって１度や２度はあるはずです。 はるか昔、スマホ創世記の頃は選ぶ余地すらなかったアプリですが、今では考えられないくらいいろいろな分野の様々なアプリが存在します。 まるでファッションのようにアプリにもトレンドがあり、一度流行ると、爆発的な広がりを見せるのがアプリの不思議なところでもあります。 例えば今や誰もが知っていて、利用している人が多いアプリといえば、 『twitter』や『Instagram』。 日常のつぶやきや画像をUPして世の中の人とつながりを持てるツールとして活躍しているアプリもあれば、日常の業務管理を行えるアプリや共働きに重宝される、お互いのスケジュール共有アプリ、 また誰もが１つは入れているであろうゲームアプリや画像加工アプリ、今ではスマホユーザーの大多数が使っているであろう『LINE』のスタンプを簡単に作成できる
スマフォサイト作りの前に知っておくべきデザインギャラリー等リソースまとめ:phpspot開発日誌
スマフォサイト作りの前に知っておくべきデザインギャラリー等リソースまとめ。 「スマートフォン向けサイトの作り方エントリのまとめ」にてスマフォ用サイト作りの基本はまとめましたが、実際にデザインする際の参考になりそうなギャラリーサイトやブログエントリをまとめてみました。 インタフェースの研究ということで、サイトデザインのみではなくアプリのデザインギャラリーも紹介。 ギャラリーサイト CSS iPhone 様々な海外ポータルやデザインサイトのiPhone向けサイトをサムネイル付きで紹介。 どのサイトもよくデザインされており、非常に参考にできる部分が多そうです。 iOSpiration iPhone Web Design Inspirations - iPhone and iPad Design Inspiration iPhone/iPadサイトやiPhone/iPadアプリ・ゲームのデザインギ
参考になるiPhone用アプリのサイトのデザイン24個 - 東京都板橋区のWordPress・ホームページ・WEB制作 スタジオカッツェ
iPhoneアプリサイトのデザインの仕事をしてまして、参考としてiPhoneアプリのサイトを調べたのでまとめてみました。 iTunesストアで外国のiPhoneアプリのサイトを片っ端から見まして、 個人的にいいなと思ったiPhoneアプリ（含むアンドロイドアプリ）単体のサイト、会社のデザインです。 大別すると、 ・スクショ＋シンプルタイプ ・シンプルタイプ ・アイコンタイプ ・その他 の４つになります。 スクショ＋シンプル型 インパクト重視！なデザイン。 Flipboard 横長の、触ってきもちいいサイトｗ 二枚目の画像の時に、さりげなく赤いと茶色の帯が残るところが憎いです。 Instagram 大人気のiPhoneアプリ、Instagram。スクショとApp Storeへのリンクと最低限のシンプルな内容で、上品。 Osfoora キャプチャが全面に出されていて、シンプルだけどわかりやすい
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://qiita.com/y_ich/items/4ba87d59318fcedd2a5f
Imageless iPhone 4 by Vasyl Zubach
iPhoneデザインボックス
sp-web.jp
YUIライブラリのScrollViewウィジェットを使ってiPhoneでもposition:fixed;が効いてるっぽく見せる
