Adobe yesterday released some seriously cool technology on its Adobe Labs: Adobe Shadow 1.0. Shadow allows front-end web developers/designers to preview websites across different devices. As I’m in the process of making my web-site device responsive, I’m loving Shadow 🙂
It’s super easy to install:
- Download Shadow release from Adobe Labs and install it.
- Download the Google Chrome browser extension and install it
- Download the Adobe Shadow Client for your Android/iOS device(s) and install it.
Next it’s matter of launching the Helper application on your Mac/PC, launching Google Chrome and launching the Shadow App on your device.
In the top right corner of Google Chrome you’ll see a small blue Sd icon, this allows you to enable/disable Shadow.
On your device select your computer name. You’ll be given a Passcode on your device before it can connect to your computer, and you need to enter that code next to the device name in the drop-down in the top right corner of Google Chrome.
Once you’ve set-up your Devices for use with Shadow and Shadow’s running on them, you’ll see automatic synching as you test your site on your workstation in Google Chrome.
No more loading, refreshing etc. 😉 Very nice 🙂