Apple、｢OS X 10.9.3｣で｢MacBook Pro (Retina, Late 2013)｣の統合GPUのVRAMを最大1.5GBに引き上げ | 気になる、記になる…
ホームAppleMacMacBook AirApple、｢OS X 10.9.3｣で｢MacBook Pro (Retina, Late 2013)｣の統合GPUのVRAMを最大1.5GBに引き上げ Apple、｢OS X 10.9.3｣で｢MacBook Pro (Retina, Late 2013)｣の統合GPUのVRAMを最大1.5GBに引き上げ 2014 5/19 ｢MacBook Pro (Retina, 15-inch, Late 2013)｣と｢MacBook Pro (Retina, 13-inch, Late 2013)｣を｢OS X 10.9.3｣にアップデートすると、統合GPU（Intel Iris Pro Graphics / Intel Iris Graphics）に割り当てられるVRAM（ビデオメモリ）が最大1GBから最大1.5GBへと引き上げられた事が分かりま
「OS X 10.9.3」登場！Mac ProとMacBook Pro 15インチ（Late 2013）が4Kディスプレイ対応に！ - iTea3.0
Home » Mac » ソフトウェアアップデート » 「OS X 10.9.3」登場！Mac ProとMacBook Pro 15インチ（Late 2013）が4Kディスプレイ対応に！ 本日、Appleから「OS X 10.9.3」が正式にリリースされていましたよー。Mac ProとMacBook Pro Retina 15インチユーザーには嬉しいアップデート内容です。 ・Mac Pro（Late 2013）およびMacBook Pro 15インチ Retinaディスプレイ（Late 2013）での4Kディスプレイサポートが向上します。 ・USB接続を使用したMacおよびiOSデバイス間の連絡先およびカレンダーの同期機能が追加されます。 ・IPsecを使用したVPN接続の信頼性が向上します。 ・Safari 7.0.3が含まれます。 4Kディスプレイがますます欲しくなる！ @torizo
「OS X Mavericks」で外部ディスプレイの解像度を調整する方法 | ゴリミー
【img via Mac OS X installation by Janitors】 僕は昨年発売された「MacBook Pro (Retina Late 2013）」の13インチモデルを愛用している。多少カスタマイズしていて、CPUは2.8GHz Core i7、メモリ（RAM）は16GB、ストレージは256GBにしている。 Retinaディスプレイのピクセル数を活かし、最高解像度モードで利用しているのだが、それでも作業環境が狭いと感じる場合は外部ディスプレイを接続している。先日そのような状況になったのだが、どうもディスプレイの解像度に最適化しない。そもそもディスプレイの解像度が選択しとして表示されない。なぜ！ 当初はディスプレイとの相性かと思っていたが、調べたところによるとこれは「OS X Mavericks」の仕様となっていて、外部ディスプレイの最適な解像度に変更することも簡単にで
Webサイト＆WebアプリのRetina対応方法まとめ
こんにちは。 会社からMacBookPro Retinaディスプレイモデルを支給されました浅海です。 Retinaディスプレイ、非常に快適なのですが、Retinaディスプレイに最適化されていないWebページやアプリケーションでは、ビクセルベースで作られている部分がすこしぼけたように見えてしまいます。 特に文字を画像にしている場合なんかは、かなり気になります。 Retinaディスプレイは既にiPhoneで使われているほか、一部のAndroidもRetina相当の解像度を持っているモデルが登場しており、モバイルWebサイトやWebアプリがRetinaディスプレイを意識した作りになっていることはよく見られるようになりました。 これからもPCなど、Retinaディスプレイ対応のニーズは増えるだろうと思い、対応方法をまとめました。 目次 imgタグ CSS JavaScript Google Map
4インチのiPhone5（1,136 x 640ピクセル）画面対応
Copyright (C) iPhoneアプリ開発備忘録 All rights reserved. ブログ内で記したコード、内容の正確性は保証いたしません。 記載内容を実装したことにより発生した不具合・損害等の責任は一切負いません。 解像度が1,136 x 640ピクセルになった、iPhone5の画面への対応手順。 1. 画像 1136 x 640pixelsで画像を作成する。 (1) Splash Screen Default-568h@2x.png (2) その他 xxxx-568h@2x.png ポイント： "@2x"の前に文字列"-568h"を付ける。 "@2x"は、640x960pixelsのhigh-resolusion(Retina Display)を示すが、4インチのiPhone5用の画像ファイル名には、"-568h"を付ける。568は、mainScreenのフレームサイズ
レスポンシブWebデザイン、ブレークポイントの考え方とピクセル密度の問題
レスポンシブWebデザインは、画面幅に合わせてレイアウトが変化することで、様々な画面サイズにワンソース(一つのhtml)で対応させることができる制作手法です。Media Queryという技術でCSSを切り替えることでレイアウトが変化します。CSSが切り替わる画面幅を『ブレークポイント』と呼びます。 今回はレスポンシブWebデザインのサイト制作時に、特に気になるブレークポイントの設定について、考え方と注意したい点をご紹介したいと思います。 CSSが切り替わりレイアウトが変化するポイントを「ブレークポイント」と呼びます。 ブレークポイントの考え方 ブレークポイントはどの画面幅でも見やすいレイアウトになるように設定するものです。 レスポンシブWebデザインは「どんな画面幅で見ても、適切に表示させるための制作手法」です。どんな画面幅でも見やすいようにデザインし、どんな画面幅でも見やすいレイアウトに
もうPSDは無くさない！デザイナー版GitHubのPixelapseはうっかりデザイナーの救世主！ - ウェブ狂の詩 - @takejune
2012年05月08日 12:00 カテゴリ もうPSDは無くさない！デザイナー版GitHubのPixelapseはうっかりデザイナーの救世主！ Posted by takejune No Comments No Trackbacks ●この記事のターゲット ・iOSアプリのデザインをしている人・デザイナーと名のつく職種の人・仕事でpsd,pngファイルを作る人・その中でもうっかりした性格の人 つまりこんな人。 ●404 PSD Not Found 全国のPhotoshop使いの皆さんこんにちは。 気がつけば、1999年にPhotoshopを使い始めて13年くらい経ちますが何故でしょう？ PSDを無くしてしまうことがたまによくあります。 どこに保存したか分からなくなる、なんてことは今時流石にないんですが(spotlight超便利) よくやってしまうのが、別ファイルとして保存すべき時に上書
jQueryでRetinaディスプレイを判別して処理を変える方法｜BLACKFLAG
iPhoneなどApple製品に使われているRetinaディスプレイ。 従来のディスプレイよりも高解像度（1ピクセルの幅が78ミクロン）であることから Retinaディスプレイで画像を綺麗に表示するには、表示する倍のサイズで作成する必要があったり 特別な対処をする必要がでてきたりします。 そんなRetinaディスプレイに対して、jQuery（JavaScript）を使って判別し 個別に処理させる方法があったので紹介してみます。 ※webkitブラウザのみの対応です。 Retinaディスプレイかどうかを判別するプロパティは デバイス上で画像の1pxの単位を何pxとしてレンダリングしているかを見てくれる ————————————– window.devicePixelRatio ————————————– によって判別します。 Retinaディスプレイはここで取得する値が「2」になります。 こ
Retinaサポートその二歩目 – Taiyo Fujii, writer
先日公開したRetinaサポートWebへの第一歩はMacお宝鑑定団Blogでも採り上げていただいたため、開設したばかりの Blog にはもったいないほどの閲覧数となった。感謝！ 前回のエントリーでは<img>要素の画像を置き換える方法を説明した。投稿エントリーの画像を置き換えていくにはあの方法が適していると思うが、今回はバックグラウンド画像や Web サイトで何度も登場する固定画像を、スタイルシートを用いて変更する方法を説明する。 今日からこのブログのメニューは Retina 対応のテクスチャーを背景画像として登録している。Retina 対応でない環境で見るとただのグラデーションが表示されるが、 Retina ディスプレイで見ると細かなメッシュパターンがメニューの背景画像として現れる。しかし、こうやって並べると愕然とするね。 [retina normal=”http://blog.taiy
【Fireworks】Retina対応用にページを分けるFireworksコマンド | バシャログ。
欧州選手権より睡眠をとるminamiです。今日はサッカー代表戦ですね！ 昨日深夜のWWDC 2012基調講演で、Retinaディスプレイ MacBook Proが発表になりましたね！15.4型は2880 x 1800画素ということで、今までのノートパソコンでは考えられない解像度になるようです。 気になるのは、現在iPhone 4S用のサイト制作で行う必要があるRetina対応をPCでもしなければならないのかも・・・ということ。 そんな時にちょっとだけ便利になるかもしれないFireworksのコマンドを作ってみました。バージョンはCS5.1で確認しています。 Retina対応用にページを分けるFireworksコマンド 右クリックなどで保存してお使いください。ご使用は自己責任でお願いします。 原寸表示の2倍でデザインしたファイルを作ります。スライスに名前をつけて設定した状態でコマンドを走らせ
MacBook Pro (Retina Mid 2012)のRetinaディスプレイ対応アプリと非対応アプリとの違いについて検証する | Macintosh | Macお宝鑑定団 blog（羅針盤）
日本語でのMac,iPhone,iPad,iPodなどApple関連の情報サイト。MACお宝鑑定団のBlog。 Macに捉われず、様々な情報を掲載しています。 物書堂の廣瀬氏に協力してもらい、MacBook Pro (Retina Mid 2012)のRetinaディスプレイ対応アプリと非対応アプリとの文字表示の違いについて調べてみました。 注：画像はFlickrにアップされているので、必ずオリジナル写真を等倍表示で確認して下さい。 OS X Lionのテキストエディットの場合、Retinaディスプレイでも文字表示はクッキリですが、Appleの「Pages」や、日本マイクロソフトの「Word for Mac 2011」、アドビ システムズの「Adobe Illustrator CS6 日本語版」など、まだ非対応のアプリでは、文字がギザギザ表示になり、長時間業務には利用出来ないレベルです。
MacBook Pro with Retina Display におけるアプリの動作
Xcodeさえ使えれば、ほかはあまり気にしないので、気がつくのが遅れましたが、標準と呼ばれるアプリケーションでも、基本的な部分でまだRetinaディスプレイには対応できていないようです。 文字を扱うアプリケーションの画面をデジカメで撮影して並べてみました。 ツールバーアイコンなどの解像度が足りないのは理解できるんですが、多くのアプリケーションで文字の描画も拡大表示になってしまいます。小さな文字で使うことの多いExcelあたりはかなりきついです。 Retinaに非対応で多くの人が困りそうなのは、Twitter、Pages、Keynote、Numbers、Adobe CS6、Office mac 2011あたりでしょうか。 エディタ系では、僕がよく使うBBEditがアウトでした。Jedit XやiText Pro、Scrivenerでは問題無かったです。ツールバーアイコンはぼけますが、書くだけ
ウェブサイトのRetina化 | drops - onotakehiko.com
iPhone 4からはじまり新しいiPadことiPad 3rd、そしてもはや確定的とも思われる次期MacBook ProのRetina化。現状でウェブサイトをRetina化する効率的な方法を考えると、 “Retina Images” を使うのが最適解な気がしている。 Retina画像を対応端末に表示させる場合、 imgタグによる設置 <img src="foo@2x.png" 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
スマートフォンと画面解像度・ピクセル密度
320 dpi Androidの密度グループ iPhoneを当てはめると、iPhone 3までがmdpi、iPhone 4からはxhdpiに区分けされそうです。日本で流通しているAndroidスマートフォンの多くはhdpiに属するでしょうが、最近のHD解像度の端末はxhdpiに属しそうです。 IS05やXperia ray, INFOBAR A01/C01などはグループ上hdpiに属しています。しかし、画面サイズが小さいことからピクセル密度が300dpi前後と、xhdpiに近くなっています。小型で高解像度な端末が増えると、所属するグループだけでは画面の精細さを判断するのは難しくなるでしょう。 ピクセル密度の違いが見た目に影響する さて、ピクセル密度のばらつきによって、すこし困ったことが起こります。密度の低い環境に合わせて作られたコンテンツの見た目が、密度の高い環境で良く見えない可能性が出て
PCサイトとスマートフォンサイトを切り替える「Pc2Sp.js」
PCサイトとスマートフォンサイトを切り替える「Pc2Sp.js」 PCサイトとスマートフォンサイトを切り替える「Pc2Sp.js」を作成したので公開しておきます。 このライブラリを利用すると スマートフォンでPCサイトにアクセスした場合、指定したスマートフォン用のURLに転送されます。 PCでスマートフォンサイトにアクセスした場合、指定したPC用のURLに転送されます。 スマートフォン用ページでは「PCサイトを見る」なリンクが設定可能で、それがクリックされると、スマートフォンでPC用のサイトが閲覧できます。クリック後は1の転送機能が無効になります PC用のサイトでは、スマートフォンで見た場合のみ表示される「スマートフォンサイトを見る」なリンクが設定可能で、これがクリックされるとスマートフォン用のURLに転送され1の機能が復活します。 個々のページでどのPCページとスマートフォンページが対応
Retinaディスプレイ判別で自動で高解像度画像を出しわけ可能な単独ライブラリ「Retina.js」:phpspot開発日誌
Retinaディスプレイ判別で自動で高解像度画像を出しわけ可能な単独ライブラリ「Retina.js」 2012年04月12日- Retina.js | Retina graphics for your website Retinaディスプレイ判別で自動で高解像度画像を出しわけ可能な単独ライブラリ「Retina.js」 <img src="/images/my_image.png" /> という画像タグがあったとするとスクリプトがサーバ上の"/images/my_image@2x.png"というファイルを自動でチェックして存在すれば置き換えてくれます。 インストールはretina.jsを読み込むだけというお手軽さがいいです。 単に高解像度で出したい部分だけファイルを用意して置いてあげればよいというのはお手軽ですね。 <script type="text/javascript" src="/s
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
creative-tweet.net
Blog | We are Realmac Software
mactips-lib.net
WebサイトをRetinaディスプレイに対応させる方法
