iPhone Xが発表されたわけですが、なにこのデザイナー泣かせの変態端末。 iPhoneのUI設計者グレッグ・クリスティが追い出されて、ジョナサン・アイヴがソフトウェア統括となったのが2014年。 iOS7のフラット化あたりから、どんどんとUI設計が置いてけぼりになった感がありましたが・・・ここにきてまたデザイナー泣かせの豪速球が。 ざっくりデザインガイドラインを読んでの、気になったところメモ。 画面サイズ サイズは従来のベースであった4.7インチの375pt x 667ptから、375 x 812ptに。縦方向に145pt追加された。 想定されるインパクト 表示可能な情報量が増える 縦スクロール系コンテンツのコンバージョンが増加 スクロールで隠れるナビゲーションの必要性が低下 画面上部のボタンのコンバージョンが低下 ゲームなどの全画面イラストに、黒枠が出たり、見切れたりする グラフィッ
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
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
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
書体デザイナーのブログでタイポグラフィに何も関係ないことを書くのもどうかと思いますが、どうせ誰かに話題を決められてるわけでもないし、少なくともデザインに関係することなので書いておきましょう。僕はiPhone5の画面サイズが大嫌いです。 ご存知の通りAppleは長らくiPhoneの画面を3.5インチ、640960ピクセルのままにしており、つい最近発表されたiPhone5にて縦に256ピクセル追加した6401136の画面を新たに導入しました。（12/11/06訂正：256pxではなく176pxでした。） 9月12日の発表会で同社のフィル・シラーはこんなことを言っています。 “電話のデザインの中心になる物は何でしょう？これです、あなたの手ですよ！電話は手の収まりが良くなくてはならず、我々全てが持つこの魔法のデバイス（親指）で簡単に使えるようでなければいけません。携帯電話はあなたの手に美しくフィッ
iPhone 5 / iOS 6 における変更点などを、開発者向けにまとめた海外記事がありましたので、簡単にですが日本語にしてご紹介。対訳ではなくて、内容だけ伝わるようにかなり変更していたり、省略もしていますので、詳しくは原文をご確認ください。 iOS 6 がリリースされましたがアップデートされましたか？私はマップアプリをよく使うのですが、早速アップデートした方々の、マップがぁぁという叫びにびびってまだアップデートできておりません… で、まだ私の手元の iPhone 4S では iOS 5 が元気に動いている今日この頃ですが、iPhone 5 / iOS 6 における変更点などを、開発者向けにまとめた海外記事がありましたので、簡単にですが日本語にしてご紹介。対訳ではなくて、内容だけ伝わるようにかなり変更していたり、省略もしていますので、詳しくは原文をご確認ください。 原文 iPhone 5
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」
家中の照明や音響やプロジェクターを、iPhoneから一括コントロールできるようにしてみた。 予想以上にやばい。超便利すぎて死ねる。 どうやるん？ Glamo iRemocon と Unity Remote、Griffin Beacon という3つのチョイスがある。 実L5Remoteというもう１つのチョイスもあったのだけど、これはわが家では動かなかったので割愛。 Glamo iRemocon 価格：26880円 純粋スペックなら神いわゆるゴッド。高いが神。 iPhoneとWIFI通信し、ほぼすべての赤外線リモコンを学習可能。スキンもカスタマイズ可能もでき、そのうえ自宅外からの遠隔制御までできる。家への帰り道でエアコンをオンできるのが強力。マクロ機能やタイマーもサポート。エアコンが動くのが素敵。弱点は本体をケーブルで無線ルーターにつなげなければならないこと、あとUIカスタマイズがPCのWeb
スマートフォンの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をサクッと切り替え 出来て、ランドスケープ（横向き） にも切り替え可能なiOS向けの無料 のシミュレーターが結構良かった のでシェア。Windows用です。表示 の確認には結構いいんじゃないかな と思います。 iPhoneとiPadの切り替えが出来て横向きにも出来るiOSブラウザシミュレーター。個人的には確認も楽で動作も軽いので結構いいなと思いました。ただし、Windows用です。 起動するとiPhoneとiPadを選べます。選んでURLボックスにアドレス入れてアクセスしまｓ・・ やっぱり説明下手なので動画みて頂けますか。 iPadのランドスケープだけウィンドウを小さくしていたため微妙な感じですが、表示はちゃんとしてます。どうも不慣れで申し訳ないです。 一応機能をご紹介。 iPhone ⇔ iPadの切り替えが楽 iPhoneとiPadの切り替えが凄い楽です。これだけ
来月はキャプテン・アメリカ見るし、気が付いたら年中アメコミ映画を見ているminamiです。 来月にはまた大きな発表がいろいろありそうなiPhone界隈ですが、iPhoneサイトのコーディングをする際につまづいてきたポイントを挙げてみました。 [HTML] input type="file"は使えない 画像をアップするコンテンツだからフォームに input type="file" を・・・と考えがちですが、iPhone版のSafariでは使用不可です。 [HTML] <meta name="viewport" content="user-scalable=no">が効かない 最近ハマったポイントです。ユーザーに画面の拡大をさせなくすることができるviewportのuser-scalableプロパティですが、本体のアクセシビリティ設定で「ズーム機能」をオンにしているとバッチリ拡大できてしまいま
上のスクリーンショットは、私のハンドルネーム（@ushigyu ）にちなんで牛アイコンを集めたフォルダです。なかなかインパクトあるでしょ？ iPhoneには、たくさんの便利な機能、楽しいアプリがあります。もう手放せない、他の携帯には戻れない…という人も多いでしょう。 ですが、iPhoneの楽しさはそれだけではありません。アプリのアイコンを並べたり、集めたりするだけで、上の画像のように面白いフォルダやホーム画面が作れたりするんです。 今回は、そんなアプリのアイコンを使ってiPhoneをもっと楽しむ方法を6つ紹介。 ①色で遊ぶ iPhoneアプリは、すでに何十万とリリースされています。その中には赤、青、緑、黄色…様々な色のアプリが。 その中から自分の好きな色のアプリを集めて、ホーム画面を作ってしまいましょう！ 私は青が好きなので、青色のアプリを集めた画面を作ってみました。我ながら青い。 以下の
xperia arcを手に入れてから約一ヶ月が経ちました。手に入れた直後に感想を書くのも相当量の偏見が入りそうだったので、まずは一ヶ月使い続けてみました。もうそろそろ語っておいても良かろうと思いエントリとして書き綴ってみます。 iphone4 と Xperia arc の評価は評価者の属性によって大きく変わると考えているの で、まずは僕の属性をちょっとだけ書いておきます。 38歳男性 docomo ガラケーユーザ歴10数年。 iphone4 歴約8ヶ月。現在は Xperia arc, N905is, iphone4 のケータイ三台持ち 新しい物好き、デジタル家電好き、PC 歴 20 年、超絶面倒くさがり屋 iPhone4 と Xperia arc をともに使ってみて感じた差などを独断と偏見で語ってみたいと思います。 まず結論から。 比ぶべくもなく圧倒的な差で iPhone4 の勝ちです。
この記事は賞味期限切れです。（更新から1年が経過しています） 先月10月にアルファリリースされ、つい先日Alpha2が公開されたjQueryMobile。 新たなモバイル向けフレームワークとして期待が高まりますが、 今日はそんなjQueryMobileを、極めてザックリと紹介してみたいと思います。 だいたいのイメージを掴んで頂ければ幸いです。 公式 : jQuery Mobile | jQuery Mobile jQueryではなく、jQueryUIのモバイル版 と、言うべきでしょうか？ jQueryMobileが提供してくれるのは、 スマートフォン向けのテーマスタイルシートと、 それをより簡単にレンダリングする為の仕組みです。 はじめ勘違いしていたのですが、 jQueryをモバイル向けにチューンした物ではないので注意。 使用の際にはjQueryを一緒に読み込む必要があります。 <link
アイコン画像お願いするときに困ったのでまとめました。間違ってたら指摘してくださると助かります。あと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
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
![[iOS] 夏だ！脱獄の季節だ！iOS 5.1.1 JailBreakの方法 ＆ 注意点 ＆ 運用を総おさらい！](https://cdn-ak-scissors.b.st-hatena.com/image/square/59637c02d619a870c10bb914edf0aa13bdeeb745/backend=imagemagick;height=288;version=1;width=512/https%3A%2F%2Fproxy.goincop1.workers.dev%3A443%2Fhttps%2Ftools4hack.santalab.me%2Fmedia%2Fuploads%2F2015%2F03%2F2012-summer-ios511-jailbreak-review-00.jpg)
