A small presentation at our Dev Corner about using and get started with Adobe Shadow (Adobe Edge Inspect) and testing your web application at different devices. Read more about Adobe Edge Inspect at http://html.adobe.com/edge/inspect/

1. Front-end Device Testing
Adobe Shadow
By: Joakim Westerlund
@joakwest

2. Adobe Shadow
Adobe® Shadow is a preview tool that allows front-end web
developers and designers to work faster and more efficiently
by streamlining the preview process, making it easier to
customize websites for mobile devices.

3. Device support
● iOS
● Android
● Amazon Kindle Fire

4. Features
● Speed up device testing
● Remote inspector
● Take remote screenshots from all devices

5. Setup
Install Adobe Shadow application at your computer and the
other devices that should be included in your testing
environment.
● Make sure that all devices is connected to same network
● Start the Adobe Shadow Server
● Start Adobe Shadow Application at devices
● Click the Adobe Shadow Extension in Chrome
● Browse the site in Chrome and view the same content in all
connected devices.

6. Demo
● Chrome
● Iphone
● Ipad

7. Links
Adobe Shadow
● Desktop
http://labs.adobe.com/technologies/shadow/
● iOS
http://itunes.apple.com/app/adobe-shadow/id498621426
● Android
https://play.google.com/store/apps/details?id=com.adobe.shadow.android
● Amazon Kindle Fire
http://www.amazon.com/Adobe-Systems-Shadow/dp/B007TN1OFG
● Chrome extension
https://chrome.google.com/webstore/detail/ijoeapleklopieoejahbpdnhkjjgddem
Use Adobe Shadow with Pow and xip.io
● Pow and xip.io support
http://37signals.com/svn/posts/3191-announcing-pow-040-with-xipio-support