タグ

ブックマーク / blog.ryodesign.net (1)

  • スマートフォンサイトのデザイン確認をするための多分ベストな方法 | ryodesignblog

    スマートフォンサイトのデザインの表示確認をするのが面倒だったので、手軽に確認ができるようにするためのサイトをPHP+jQueryで作りました。僕の環境では現時点で一番お手軽な方法かなと思います。 「sp_test」として適当な名前でファイルも公開しますので、ご自身のサーバに設置していただければ、簡単にデザインチェックができるようになります。たぶん便利。 制作の理由 スマートフォンサイトのデザイン確認が面倒だなぁと思ったので。 例えば、画像をサーバーに上げて、画像のURLに直接アクセスしても、iPhoneだとうまく表示できないんですよね。横640pxの画像を上げても、2倍に拡大されたボケボケの画像になります。 htmlを用意してimgタグで画像を表示すればちゃんとRetina対応した表示を確認することができますが、htmlを用意するのが面倒です。 Adobe Edge Inspectを使えば

  • 1