Webサイト＆WebアプリのRetina対応方法まとめ
こんにちは。 会社からMacBookPro Retinaディスプレイモデルを支給されました浅海です。 Retinaディスプレイ、非常に快適なのですが、Retinaディスプレイに最適化されていないWebページやアプリケーションでは、ビクセルベースで作られている部分がすこしぼけたように見えてしまいます。 特に文字を画像にしている場合なんかは、かなり気になります。 Retinaディスプレイは既にiPhoneで使われているほか、一部のAndroidもRetina相当の解像度を持っているモデルが登場しており、モバイルWebサイトやWebアプリがRetinaディスプレイを意識した作りになっていることはよく見られるようになりました。 これからもPCなど、Retinaディスプレイ対応のニーズは増えるだろうと思い、対応方法をまとめました。 目次 imgタグ CSS JavaScript Google Map
【今更聞けない!?】WEBサイトやアプリのRetina対応方法おさらい | モバイルラボ
スマホデザイン・UI 2014.07.07 WEBサイトやアプリの【Retina対応方法おさらい】 昨年からiPhone、iPad、iPad miniなどApple系デバイスの広がりによって急速に浸透して行った【Retinaディスプレイ】のモバイル端末。 一番はじめに打ち出された【Retina】という単語がユーザーにも浸透していますが、Windows8.1などでも高解像度(高DIP=Retina)対応が打ち出され、デバイス対決の舞台は”解像度”の戦いへと切り替わってきているのではないでしょうか。 我々WEBサイト制作者、WEBアプリ制作者が逃げられないのが、この高解像度ディスプレイへの対応になります。 今回は、WEBサイト、アプリ両方に影響があるRetinaへの対応方法をおさらいしてみましょう。 【関連ページ】スマホサイトを高速化、モバイルファーストインデックス対策 画像をRetina対応
『iMac 5K Retinaディスプレイ 』僕が観た感想を書きます。 - Kent Shiraishi Photo Blog
『iMac 5K Retinaディスプレイ 』僕が観た感想を書きます。 先日アップルストアで最新の27インチ5Kデイスプレーをじっくり観てきました。 先日別な用事もありアップルストアに行きました。 そこで早速Retina 5Kディスプレイを見ました。 実はそこには数台27インチのモニターが並んでいて、 また全部同じ壁紙が映し出されていて、 どれが5Kか全く分かりませんでした。 そこで近くに居たスタッフに、 「これが5Kディスプレイなの？」 そう尋ねたら、 「いえ違います。こちらです！」 そう言われました。 店内は結構混んでいたんですが、 5Kデスプレイの前には誰も居ませんでした。 それもそのはず、全部が同じ壁紙を映しているからです。 それも解像度の低い絵です。これでは5Kが分からない。 僕はすかさず言いました。 「こんな解像度の低い絵を見せてたんじゃ価値が無いよ！ 第一僕でさえすぐにこれが
12インチのMacBook Air、年内発売あるかも？
クリスマスに間に合うかな？ アップルが準備中と噂される楽しみなアイテムの一つ、MacBook Airの12インチRetinaディスプレイ搭載モデル。ファンレスになるとかデザインが一新されるとか色々噂はありますが、台湾紙によると今年中に発売されるかもしれないとのこと。 その理由は、インテルが新プロセッサ｢Core M｣シリーズの投入を予定よりも前倒ししたから。新MacBook Airではこの低消費電力なプロセッサを採用することにより、ファンレス化や薄型化が期待できそうなんです。 さらに、同プロセッサはグラフィックのパフォーマンスも向上していることから、高解像度なRetinaディスプレイを十分に取り扱えることが予想できます。つまり、薄型化やRetinaディスプレイの搭載と新型プロセッサの搭載は、同時に起こるべくして起きるというわけなんですね。 MacBook AirにRetinaディスプレイが
Daring Fireball: Conjecture Regarding Larger iPhone Displays
By John Gruber Archive The Talk Show Dithering Projects Contact Colophon Feeds / Social Sponsorship Ooni Halo Pro Spiral Mixer. Also available in space charcoal gray. 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. But while the physical s
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
新型MacBook Proのおかげで大半のウェブサイトはデザインやり直し？ - SEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
無料で資料をダウンロード SEOコンサルティングサービスのご案内 専門のコンサルタントが貴社サイトのご要望・課題整理から施策の立案を行い、検索エンジンからの流入数向上を支援いたします。 無料ダウンロードする ＞＞ ついに新型MacBook Proが登場し特にRetina採用の美しいディスプレイが話題を呼んでいます。画面が綺麗になることはユーザーにはとっても良いことなのでしょうが、この鮮明すぎる解像度が既存のウェブデザインに大きな波紋を呼んでいるようで。。。今回はそんなウェブデザイナー・ウェブ運営者が気になる話題をThe Next Webから。 – – SEO Japan 昨日AppleのWWDCを見た他の誰もと同じように、私は、最新のRetinaディスプレイ搭載のMacBook Proを自分の物にしたいと思っている。もちろん、2,200ドルからという価格を考えると、飛びつくには待たなければ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Google MapsのマーカーをRetinaディスプレイにサクッと対応させる - Qiita
Home Page | Cntlog
新設計・新デザインのMacBook Pro Retina - 日本経済新聞