S
W
H
Y
17

WebサイトをRetinaディスプレイに対応させる方法

RetinaサポートWebへの第一歩 | Tai... / ウェブサイトのRetina化 | drops -... / AMAITORTE - 日記 - 記事『Reti...他...全7件

WordPressを使っているなら、「Retina for WP」を使って対応
JavaScriptでimgを書き換え

RetinaサポートWebへの第一歩 | Taiyo’s lab

http://blog.taiyolab.com/retina-supporting/

「Retina.js」でクライアント側で対応
「Retina Images」でサーバー側で対応

ウェブサイトのRetina化 | drops - onotakehiko.com

http://d.onotakehiko.com/post/24185367205/how-to-make-websites-retina-ready#.T95mYFIyB8E

角丸、グラデーション、ドロップシャドウなどCSSで出来ることはCSSでやる
ベクター画像（SVG等）を使う
テキストを使う
JavaScriptでdevice-pixel-ratioを取得する
ファビコン（favicon.ico）はマルチサイズ対応にする

AMAITORTE - 日記 - 記事『Retina時代のWeb制作』

http://amaitorte.jp/diary/?id=550

Retina.js | Retina graphics for your website

http://retinajs.com/

Retina Images

http://retina-images.complexcompulsions.com/

【Fireworks】Retina対応用にページを分けるFireworksコマンド | バシャログ。

http://c-brains.jp/blog/wsg/12/06/12-193119.php

シンプルでフラットな無料のアイコンフォント・アイコン素材まとめ14個 - W3Q

http://w3q.jp/t/1808

最終更新日:2012-06-18 (90,552 views)

関連するトピックス

ページ上部に戻る