アップル - iMacAppleの初売り。iMacを買うと24,000円分のギフトカードがもらえます。1月2日から5日まで◊。今すぐ見る
新しいiPhoneの解像度とCSSピクセル幅を考える - fragmentary
そろそろSafari 8?のベースになるWebKitのブランチが切られるかなと思って待っていたら月末になってしまった。ネタがないのでiPhoneの噂話でもしよう。 新iPhoneの画面解像度は？ まず、確かな情報筋（）によると、4.7インチと5.5インチのモデルが出ると。 4.7インチは750×1334らしい。現行iPhoneのディスプレイと同じ326ppiなものを4.7インチにするとこうなると。5.5インチだとフルHDな1080×1920らしい。こちらは新しいディスプレイで401ppiだって。 さて、5.5インチについてはまだわかるんだけど、4.7インチの謎解像度はないのではないかと思っている。というのはデバイス非依存ピクセルを想像すると2つのモデルで幅が異なる可能性が高いから。同じディスプレイが使えるという製造観点での利点や理由はあれど、アプリとかの観点から考えると煩わしすぎるわけです
Yes We Can Do Fraction Of A Pixel — Priit Pirita
I was reading HN the other day and stumbled to Cloning the UI of iOS 7 with HTML, CSS and JavaScript. In that the author had problem of creating 1px solid border for retina screens. Besides, another problem to be dealt with are Retina screens. On Retina iPhones, the browser automatically “translates” the 320x480px viewport into the 640x960px screen resolution. While this solution works well for mo
RetinaCapture for Mac
RetinaCapture allows you to simultaneously take crisp 1x and 2x screenshots on Retina Macs. It's also the perfect solution for taking smaller screenshots on Retina Macs. Use Cases Say you're working on a website and want to take screenshots that look their best on both Retina and non-Retina Macs. RetinaCapture makes this easy by simultaneously taking a 1x and 2x resolution screenshot and saving bo
新しい picture 要素の仕様が公開、レスポンシブ・イメージ最新動向
HTML5 extension （HTML5 拡張仕様） として策定されている picture 要素に関して、最新の仕様が年明け、1月 2日に公開されましたので簡単に紹介。 所謂、レスポンシブ・イメージ （Responsive images） のお話ですが、HTML5 extension （HTML5 拡張仕様） として策定されている picture 要素に関して、最新の仕様 （Editor's Draft） が年明け、1月 2日に公開されました。 ちょっと時間が経ってしまいました （10日以上、下書きのままで放置されていたのはナイショ） が紹介と、レスポンシブ・イメージ関連の最新動向を簡単にまとめてみます。 The picture Element, Editor's Draft, 2 January 2014 ちなみに、1つ前の仕様は下記になります。 The picture elemen
iMac や Mac Pro は今年中に Retina 化する
［699 ドルの Dell 4K Monitor：image］ デスクトップの Retina 化に関する Marco Arment の考察が興味深い。 Marco.org: “How and when the iMac and Mac Pro can go Retina” by Marco Arment: 08 January 2014 ＊ ＊ ＊ Retina 化が難しいワケ 現在の 27 インチ iMac や Thunderbolt Display の縦横各２倍の解像度を持つ Retina バージョン（5120×2880 ピクセルの解像度が必要）を出すためには、おそらく３つの大きな問題があると思われる。 Three major factors have probably prevented a proper 2×-in-each-dimension “Retina” v
Amazon.co.jp: Dell ディスプレイ モニター UP2414Q 23.8インチ/4K/IPS非光沢/8ms/DPx2,HDMI/AdobeRGB 99%/USBハブ: パソコン
製品紹介:4K解像度でAdobeRGB99%、sRGB100%、10bitカラーの高機能モニタです。輝点保証付き。 画面サイズ/パネルタイプ:23.8インチ/AH-IPS ノングレア 解像度:3840x2160 4K UHD (HDMIは30Hz) 輝度:350cd/m2、コントラスト比:1000-200万:1 応答速度:8ms (GtoG) 入出力端子:DisplayPort1.2 (IN/ミニ)、HDMI 1.4 付属品:電源ケーブル、DP-MiniDP, USBケーブル 高さ調節/チルト/スイベル/ピボット/VESA:対応(+13cm)/対応/対応/対応(右側)/対応(100mm) USBハブ(3.0x4)、6in1カードリーダ、AC511外付けスピーカ対応(別売) サポート:24時間365日フリーダイアル、3年間プレミアム保証
いま改めて理解しておきたい、「Retina」と「IGZO」の関係
iPhone 4が発表されて以降、ディスプレイの高精細さを表現するためにたびたび登場する「Retina (網膜)」というキーワード。そしてRetinaに関連して、最近になり頻出するようになった「IGZO」というキーワード。両者の意味と関係について、改めて整理してみたい。 Appleが生み出したマーケティング用語「Retina」 iPhone 4/4S、第3世代iPad、そして直近ではMacBook Pro Retinaディスプレイモデルと、Appleがここ最近発売した製品の多くでは「Retina」と呼ばれる高精細ディスプレイを搭載している点がセールスポイントとなっている。この「Retina」というワードの初出は2010年6月に開催された開発者カンファレンスのWWDC 2010(写真1、2)。このとき、iPhone 4が発表された際の説明で「Retina」が用いられ、以降の同社の高精細ディス
32インチの4KディスプレイはAppleが提唱する「Retina Display」になるの？
Haswellでは内蔵GPU（Intel HD graphics 5000？）で4Kをサポートするんだな。 Retinaの定義そのものが明確ではないけど200ppiだと仮定したとき（現行MBPは227/220ppi） 4K＝QFHDの3840×2160だとしても21インチより上ではRetinaにはならない。 こんな感じ 11インチ 401ppi 13インチ 339ppi 15インチ 294ppi 21インチ 210ppi 24インチ 184ppi 27インチ 163ppi 30インチ 147ppi というわけで次期Mac mini on HaswellでRetinaディスプレイを実現しようとすると （1）21インチ以下のThundebolt Display （2）ディスクリートGPU のいずれかが必要になる。 当然AppleはすべてのラインナップをRetina化したいだろうけど前者はちと考
Retina iPad miniにはあまりに残酷な結果に Kindle Fire HDX 7、Nexus 7（2013）とのディスプレイ検証と比較：DisplayMate - こぼねみ
Amazon「Kindle Fire HDX 7」、Google「Nexus 7（2013）」、Apple「iPad mini Retinaディスプレイモデル」のディスプレイの詳細なテストをDisplayMateが行っています。3製品のディスプレイのテスト結果の分析と考察は、購入前の方にも非常に参考になると思います。 （図1：Kindle Fire HDX 7 - iPad mini Retina - Nexus 7 Color Gamuts by DisplayMate） テストは非常に膨大です。ここではDisplayMateが結論として導いている箇所を中心に見ていきます。 結論：非常に印象的な2つのタブレットのディスプレイと1つの失望 最初に、3製品は、高解像度ディスプレイを搭載し、7〜8インチで50インチのHDTVよりも多いピクセルを持ち、明らかに感動的だ。 およそ325ppiという
【まとめ】Apple製品ppi（解像度）一覧 〜iPad AirやiPad mini Retinaも出るのでRetinaとppiの簡単な説明付き＊リンあれ
フフフ、不敵な笑みが全く似合わない(σ・∀・)σユコびん（@yucovin）です、こんにちは。リアルではそんな調子なので、せめてネットではこんな自分を演じてみようと思います。 さて、前回のエントリで、私がiPad AirとiPad mini Retinaのどちらを買うか猛然と悩み始めるきっかけとなったエントリをupする時が来ましたよ。ってかこっちが本題、リンあれっぽいエントリです。 (( ﾟﾛﾟ)ﾉ ﾟﾛﾟ)ﾉ＜Retina！ Retina ！ ppi ！ ppi ！ ppiが高いほど良いとはかぎりませんが、やっぱり奇麗な細かいディスプレイはいいですよね、うっとり(*´ー｀*) Retinaディスプレイに出会って、それまで見向きもしなかったiPhoneが気になり出し悶絶したり、RetinaのMacがどうしても欲しくて、サブマシン（前年モデルのMacBook Airを使っていた）を13″のR
WebページをRetina対応させるテクニック～基礎知識編
WebページをRetina対応させるテクニック～基礎知識編：jQuery×HTML5×CSS3を真面目に勉強（4）（1/2 ページ） iPhoneのRetinaディスプレイは、Webページの制作フローにも大きな変化をもたらした。WebページをRetina対応させるにはどうすればいいのだろうか。 はじめに 2010年6月に登場したアップルのiPhone 4には「Retinaディスプレイ」と呼ばれる、それまでの常識を覆した高精細なディスプレイが搭載されました。それ以降、スマートフォンやタブレットといったモバイル端末のディスプレイはより解像度の高いものへと進化していき、2013年の初めにはサムスン電子のGALAXY S4やソニーモバイルのXperia Zなど、フルHD画質対応（1920×1080ピクセル）のディスプレイを搭載したスマートフォンが登場するまでになりました。 高精細ディスプレイの登場
[Photoshop] iOS アプリの Retina / non-Retina 画像ファイルを一括で作成する | DevelopersIO
はじめに iOS アプリの画像ファイルは Retina 用と non-Retina 用の2パターン用意しなければなりません。しかしながら、1つずつリサイズ、名前をつけて保存…というのはあまりにも非効率です。 そこで Photoshop のバッチ機能を使って Retina / non-Retina それぞれの画像を一気に作成する手順をまとめてみました。 手順 1. フォルダを2つ用意する まずはフォルダを2つ用意します。ひとつがオリジナル画像ファイルを保存するフォルダ、もうひとつが実際に iOS アプリに使う画像ファイルを保存するフォルダになります。それぞれ original と assets というフォルダ名にしました。 2. Retina 用の画像を作る 次に Retina 用の画像を一式作成します。ポイントは「ファイル名に @2x は付けない」ところです。original フォルダに保
X-Icon Editor
Get the best experience with Internet Explorer 9 and above Based on your current browser, you are not seeing all that X-Icon Editor has to offer. Learn more about Internet Explorer 9 and above X-Icon Editor is an HTML5 application (based on <Canvas>) that allows you to create high resolution icons that lets your sites shine. With X-Icon Editor you can quickly get your site ready with a large icon
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
MacBook Pro Retina Late 2013で4K 出力が公式にサポートされたけど、どこまで出力可能なの？
本当は怖い HTML5 Canvas の Retina対応 - Qiita
@tarosite
新「Retina」搭載「MacBook Pro」、一部でキーボードとトラックパッドに不具合--アップル、解消に向けて作業中
【vim】黒背景好きの僕の心を揺さぶるカラースキーム「hybrid」 | ここぽんのーと
#122: The State of Favicons | CSS-Tricks