スマートフォンやタブレット等のモバイルデバイス向けの開発時のわずらわしさの1つは、デバイスごとに URL を入力する手間です。

Adobe Labs で公開されている Adobe Shadow を使えば、PC で見ているページがモバイルデバイス側で同期されるので、複数のデバイスで同時に検証することが可能になり、デバッグ時のパフォーマンスが飛躍的に向上します。

今回は、Adobe Shadow のインストール手順を紹介します。

iPad に続き、MacBook Pro でも Retina ディスプレイが採用され、Web サイトでも高解像度ディスプレイへの対応が課題となってきました。

Fluid Image と呼ばれる画像を拡大・縮小する手法、「Adaptive Images」や JavaScript ライブラリを使って対応する方法などありますが、このサイトでは、ロゴやアイコン等の共通パーツに SVG を使って対応しています。