ホーム > まとめ > ノウハウ・Tips

36,229 views

WebサイトをRetinaディスプレイに対応させる方法 RetinaサポートWebへの第一歩 | Tai... / ウェブサイトのRetina化 | drops -... / AMAITORTE - 日記 - 記事『Reti...他...全7件

登録日:2012-06-18 · カテゴリー:ノウハウ・Tips
報告

・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
-
スポンサーリンク

この記事をシェア

関連トピック

関連キーワード

トップに戻る