[B! Retina] babydaemonsのブックマーク

babydaemons id:babydaemons

Retinaに関するbabydaemonsのブックマーク (10)

Webサイト＆WebアプリのRetina対応方法まとめ
こんにちは。会社からMacBookPro Retinaディスプレイモデルを支給されました浅海です。 Retinaディスプレイ、非常に快適なのですが、Retinaディスプレイに最適化されていないWebページやアプリケーションでは、ビクセルベースで作られている部分がすこしぼけたように見えてしまいます。特に文字を画像にしている場合なんかは、かなり気になります。 Retinaディスプレイは既にiPhoneで使われているほか、一部のAndroidもRetina相当の解像度を持っているモデルが登場しており、モバイルWebサイトやWebアプリがRetinaディスプレイを意識した作りになっていることはよく見られるようになりました。これからもPCなど、Retinaディスプレイ対応のニーズは増えるだろうと思い、対応方法をまとめました。目次 imgタグ CSS JavaScript Google Map
babydaemons 2016/09/27
Google Maps

iPhone

HTML5

Retina
リンク
Google MapsのマーカーをRetinaディスプレイにサクッと対応させる - Qiita
Google Mapsのマーカー、Retinaディスプレイでそのままだと画像がボケちゃうのでその対策。とは言えやることは、大きいサイズの画像を読み込む→縮小して表示させるといういつもの手順。でもまぁもう一度英文読むのとかイヤなので、マップ周りのコードごとまとめてストックしとこうそうしよう。 var myLatlng = new google.maps.LatLng(34.687571, 135.526239); function initialize() { var mapOptions = { zoom : 17, center : myLatlng }; var map = new google.maps.Map(document.getElementById('map'), mapOptions); var image = { url : 'icon.png', scaledSiz
babydaemons 2016/09/27
Google Maps

Marker

Retina
リンク
今更だけどretina対応を考えてみた[簡単] | Cntlog
そろそろiPadminiのretina対応が発表されて意識の高い気分の人たちが、﹁うむ、やはり時代はretinaだな﹂とか言うんじゃないかと睨んでます。 PC版であまりretinaディスプレイを意識して作った事はないのですが、スマホは別ですね。まだまだ通信量を下げておきたいところなので、コーディグ前にどのように画像を切り出すかが悩ましいところです。高解像度用の画像に対応させる方法 1.読み込ませる画像の大きさを半分にする。メリット‥簡単デメリット‥画像修正の時はHTMLも触らないといけない場合がある。︵管理がしにくい︶ 2.JavaScriptライブラリを使う︵今回はRetina.js︶メリット‥高解像度用の画像を用意するだけで、勝手に読みこんでくれる︵管理しやすい︶デメリット‥読み込む画像の数が増えるので、通信量が増える。 3.Media Queriesを使って高解像度用のデ
babydaemons 2016/09/22
JavaScript

Retina

CSS
リンク
【今更聞けない!?】WEBサイトやアプリのRetina対応方法おさらい | モバイルラボ
スマホデザイン・UI 2014.07.07 WEBサイトやアプリの︻Retina対応方法おさらい︼昨年からiPhone、iPad、iPad miniなどApple系デバイスの広がりによって急速に浸透して行った︻Retinaディスプレイ︼のモバイル端末。一番はじめに打ち出された︻Retina︼という単語がユーザーにも浸透していますが、Windows8.1などでも高解像度(高DIP=Retina)対応が打ち出され、デバイス対決の舞台は”解像度”の戦いへと切り替わってきているのではないでしょうか。我々WEBサイト制作者、WEBアプリ制作者が逃げられないのが、この高解像度ディスプレイへの対応になります。今回は、WEBサイト、アプリ両方に影響があるRetinaへの対応方法をおさらいしてみましょう。︻関連ページ︼スマホサイトを高速化、モバイルファーストインデックス対策画像をRetina対応
babydaemons 2016/09/22
Web

Retina

解像度
リンク
『iMac 5K Retinaディスプレイ』僕が観た感想を書きます。 - Kent Shiraishi Photo Blog
﹃iMac 5K Retinaディスプレイ﹄僕が観た感想を書きます。先日アップルストアで最新の27インチ5Kデイスプレーをじっくり観てきました。先日別な用事もありアップルストアに行きました。そこで早速Retina 5Kディスプレイを見ました。実はそこには数台27インチのモニターが並んでいて、また全部同じ壁紙が映し出されていて、どれが5Kか全く分かりませんでした。そこで近くに居たスタッフに、﹁これが5Kディスプレイなの？﹂そう尋ねたら、﹁いえ違います。こちらです！﹂そう言われました。店内は結構混んでいたんですが、 5Kデスプレイの前には誰も居ませんでした。それもそのはず、全部が同じ壁紙を映しているからです。それも解像度の低い絵です。これでは5Kが分からない。僕はすかさず言いました。﹁こんな解像度の低い絵を見せてたんじゃ価値が無いよ！第一僕でさえすぐにこれが
babydaemons 2014/11/10
写真屋さん、映像屋さんはそうだよね。低級な例えで申し訳無いけど、カラオケボックスが30インチのfull HDのテレビ使ってて本人のPV使ってるのに、何でSD画質使ってるんだよー的な残念さかなー。

iMac

5k

Retina
リンク
12インチのMacBook Air、年内発売あるかも？
クリスマスに間に合うかな？アップルが準備中と噂される楽しみなアイテムの一つ、MacBook Airの12インチRetinaディスプレイ搭載モデル。ファンレスになるとかデザインが一新されるとか色々噂はありますが、台湾紙によると今年中に発売されるかもしれないとのこと。その理由は、インテルが新プロセッサ﹁Core M﹂シリーズの投入を予定よりも前倒ししたから。新MacBook Airではこの低消費電力なプロセッサを採用することにより、ファンレス化や薄型化が期待できそうなんです。さらに、同プロセッサはグラフィックのパフォーマンスも向上していることから、高解像度なRetinaディスプレイを十分に取り扱えることが予想できます。つまり、薄型化やRetinaディスプレイの搭載と新型プロセッサの搭載は、同時に起こるべくして起きるというわけなんですね。 MacBook AirにRetinaディスプレイが
babydaemons 2014/11/09
クリスマス発売あるかなぁ？？？

Apple

MacBook Air

Retina
リンク
Daring Fireball: Conjecture Regarding Larger iPhone Displays
By John Gruber Archive The Talk Show Dithering Projects Contact Colophon Feeds / Social Sponsorship Atoms × MKBHD 251.1 — The second sneaker designed in collaboration with Marques Brownlee Conjecture Regarding Larger iPhone Displays Friday, 22 August 2014 Throughout the entire rumor cycle for this year’s new iPhones, we’ve been inundated with reports of two new screen sizes, 4.7 and 5.5 inches. Bu
babydaemons 2014/08/31
4.7inch iPhone 6は2x Retinaに対し5.5 inch iPhone 6は3x Retinaだとー？Retinaのピクセル集積度を2xから3xに上げて差別化するとか、その発想は無かった。MBP→3x/MBA→2xのAll Retina化とRetina同士の差別化の伏線だな。

Apple

iPhone6

Retina
リンク
MacBook Pro 15" Retina Display Mid 2012 Teardown
IAmA on Reddit with Kyle Wiens, iFixit's CEO, talking about the MacBook Pro with Retina Display! This is it: The Chosen One of MacBook Pros. While other MBPs were gifted only the standard annual updates, this particular model was bestowed with a Retina display, a thinner profile, two Thunderbolt ports, a full sized HDMI port, and less annoying cooling fans. Apple claims that this is the "best comp
babydaemons 2014/08/31
DD3Lメモリチップがロジックボードに両面実装、NVIDIA GPUが表面でGDDR5メモリチップが裏面に実装とか、理にかなってて回路長最短で素晴らしい設計だけど、高密度実装過ぎるw

Apple

Macbook Pro

Retina

iFixit
リンク
新型MacBook Proのおかげで大半のウェブサイトはデザインやり直し？｜SEO Japan by アイオイクスSEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
ついに新型MacBook Proが登場し特にRetina採用の美しいディスプレイが話題を呼んでいます。画面が綺麗になることはユーザーにはとっても良いことなのでしょうが、この鮮明すぎる解像度が既存のウェブデザインに大きな波紋を呼んでいるようで。。。今回はそんなウェブデザイナー・ウェブ運営者が気になる話題をThe Next Webから。 – – SEO Japan 昨日AppleのWWDCを見た他の誰もと同じように、私は、最新のRetinaディスプレイ搭載のMacBook Proを自分の物にしたいと思っている。もちろん、2,200ドルからという価格を考えると、飛びつくには待たなければならないだろう。何とかなると信じて思い切るつもりでいるが、そう考えているのは私だけではないと思う。待っている間に、この新しいリリースの何が特別なのかを見る価値はある。新しいMacBook Proモデルは、ハイエン
babydaemons 2012/06/18
Web女子に特需！

Apple

MacBookPro

Retina

Web Design
リンク
新設計・新デザインのMacBook Pro Retina - 日本経済新聞
米アップルの﹁WWDC︵世界開発者会議︶ 2012﹂での発表におけるハードウエアの目玉は、かねて噂のあったRetina︵レティーナ︶ディスプレイ対応のMacBook Proだった。その名も﹁MacBook Pro Retina﹂で、ディスプレイサイズは15インチクラスのみ。iPhone、iPadに始まったアップルのディスプレイ高画素化戦略が、ついにMacにも波及したことになる。価格は上位モデル
babydaemons 2012/06/13
めちゃくちゃ欲しいが手が出せん。orz

Apple

MacBookPro

Retina
リンク
1