久々。 Titanium Mobile 3.1.3.GA は iOS 7 に対応しているのですが、 iOS 7 とそれ以前でスプラッシュ画像を分ける方法が分かりませんでした。 3.1.4 や 3.2 の Continuous Builds のコードを見ていても、 iOS 7 用のスプラッシュ画像を設置するための何かがマージされた気配も無かったので方法を調べてみました。 何で iOS 7 用のスプラッシュ画像が必要か？ Xcode 5 ではアセットカタログというものを iOS アプリのプロジェクトで使えるようになりました。 Retina / 非 Retina の画像やアイコンを簡単に管理できる素敵な機能なのですが、この中にスプラッシュ画像を iOS 7 とそれ以前とで別のものにできる機能が用意されています。 iOS の HIG を読むと「アプリケーションの先頭画面に似せた起動画像を用意する。
どうも！デザイナの王です。 2012もいよいよ12月を迎え、果てして2013年は来るのかと、わくわくしている今日この頃です。 ここ最近、AppleのRetinaを皮切りに、超高精細ディスプレイが色んなメーカーから出ているニュースが目に付く。 有名所ではシャープのIGZO（約500ppi）、ジャパンディスプレイのLTPS（約650ppi）などがありますよね、iPhoneのRetinaをぶっちぎりで凌駕してしまうという！4K時代の到来を予感させる！（その前に地球が終わらなければいいのだが！） ということで、来るRetina全盛時代に備えるべく、どんなにモンスター級の高解像度のデバイスでも綺麗に表示する「シンボルフォント」を最近使い始めました。今回はそんな素敵なシンボルフォントの導入法を紹介したいと思います。 そもそも♥「シンボルフォント」♥って何？ 読んで字の如し、「図形のフォント」です。タイ
ブログ パスワード認証 閲覧するには管理人が設定した パスワードの入力が必要です。 管理人からのメッセージ https://mac-tegaki.comへ移転中 閲覧パスワード Copyright © since 1999 FC2 inc. All Rights Reserved.
iPhoneなどApple製品に使われているRetinaディスプレイ。 従来のディスプレイよりも高解像度（1ピクセルの幅が78ミクロン）であることから Retinaディスプレイで画像を綺麗に表示するには、表示する倍のサイズで作成する必要があったり 特別な対処をする必要がでてきたりします。 そんなRetinaディスプレイに対して、jQuery（JavaScript）を使って判別し 個別に処理させる方法があったので紹介してみます。 ※webkitブラウザのみの対応です。 Retinaディスプレイかどうかを判別するプロパティは デバイス上で画像の1pxの単位を何pxとしてレンダリングしているかを見てくれる ————————————– window.devicePixelRatio ————————————– によって判別します。 Retinaディスプレイはここで取得する値が「2」になります。 こ
15.4インチのMacBook ProにRetinaディスプレイが搭載されました。現在品薄だということですが、アップルストアにはデモ機があるので、見てみた方もいるかもしれません。すごいらしいですね。iPhoneやiPadから、MacBook Proへ。この流れを考えれば、今後、アップル製品の画面が全てRetinaディスプレイになるだろうというのは、全ての人が予想していることだと思います。 Retinaディスプレイにするには、現行モデルの解像度をタテに2倍ヨコに2倍すればいいと考えている方も多いと思います。しかし僕は違うんじゃないかと思うんです。現在Retinaディスプレイとアップルが呼んでいるものの解像度や画素密度（PPI）にはバリエーションがあります。 新しいMacBook Pro Retina ディスプレイモデルは通常のMacBook Pro15インチの 110ppi、1440×900
日本語でのMac,iPhone,iPad,iPodなどApple関連の情報サイト。MACお宝鑑定団のBlog。 Macに捉われず、様々な情報を掲載しています。 Other World Computingが、MacBook Pro (Retina Mid 2012)は、２台のThunderboltディスプレイに加えて、１台のHDMI接続ディスプレイをサポートし、合計３台のディスプレイ出力が可能だと確認したと伝えています。 これは、Appleのサポート情報「Thunderbolt ports and displays：よくお問い合わせいただく質問 (FAQ)」の複数のディスプレイをサポートするコンピュータで使用するために、Mini DisplayPort ディスプレイを Apple Thunderbolt Display に接続できますか？の注釈にも記載がありますが、それが実際に確認された事に
ついに新型MacBook Proが登場し特にRetina採用の美しいディスプレイが話題を呼んでいます。画面が綺麗になることはユーザーにはとっても良いことなのでしょうが、この鮮明すぎる解像度が既存のウェブデザインに大きな波紋を呼んでいるようで。。。今回はそんなウェブデザイナー・ウェブ運営者が気になる話題をThe Next Webから。 – – SEO Japan 昨日AppleのWWDCを見た他の誰もと同じように、私は、最新のRetinaディスプレイ搭載のMacBook Proを自分の物にしたいと思っている。もちろん、2,200ドルからという価格を考えると、飛びつくには待たなければならないだろう。何とかなると信じて思い切るつもりでいるが、そう考えているのは私だけではないと思う。待っている間に、この新しいリリースの何が特別なのかを見る価値はある。 新しいMacBook Proモデルは、ハイエン
iPhone 4からはじまり新しいiPadことiPad 3rd、そしてもはや確定的とも思われる次期MacBook ProのRetina化。現状でウェブサイトをRetina化する効率的な方法を考えると、 “Retina Images” を使うのが最適解な気がしている。 Retina画像を対応端末に表示させる場合、 imgタグによる設置 <img src="[email protected]" width="100" height="100" alt="bar"> background-imageによる設置方法 <style> #foo { width: 100px; height: 100px; background: url(bar.png) no-repeat; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5) { #foo
Retinaディスプレイを採用している新しいiPad, iPhone4用にimg要素で配置した画像を高解像度のものに変更するjQueryのプラグインを紹介します。 jQuery Retina Plugin jQuery Retina -GitHub [ad#ad-2] jQuery Retinaのデモ jQuery Retinaの使い方 jQuery Retinaのデモ jQuery Retinaを使って画像を配置する方法は大きく分けて、3つあります。 imgタグに「data-retina」属性を加える。 画像のファイル名に「-2x」を加える。 コールバック関数を使ってファイル名を指定する。 表示はどの方法を使っても一緒ですが、下記にそれぞれの方法で実装したデモがあります。 デモページ [ad#ad-2] jQuery Retinaの使い方 jQuery Retinaの使い方は簡単です。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
