adobe shadow - amsterdam adobe camp

Mihai Corlan / Adobe Web Evangelist / @mcorlan

Adobe Shadow#CreateTheWeb

© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

The Problem

You develop on a desktop/laptopThis is where you spend most of your time, testing included

#CreateTheWeb

© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

The Problem

Desktop Devices

…

#CreateTheWeb

© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

Solution: Adobe Shadow

Synchronized browsing

Computer Mobile Devices

URL

#CreateTheWeb

© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

Boring … is this all?

Support for remote Web Inspector sessions: inspect the DOM, check the CSS properties, JavaScript Console …

#CreateTheWeb

© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

Boring … is this all?

Support for taking screenshots Cache management - refresh Gesture for loading the latest

assets Support for HTTP Authentication Support for one page apps (URL fragments/#) Support for SSL Integration with Adobe Edge Works with LiveReload

#CreateTheWeb

© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

How does Adobe Shadow work?

1. Install the Adobe Shadow app and the Adobe Shadow Chrome extension on your computer

2. Install the Adobe Shadow mobile app on your mobile devices

3. Connect all devices to the same Wi-Fi network

#CreateTheWeb

Demo Time

#CreateTheWeb

© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

Adobe Shadow supports

Windows and Mac OS You have to use Chrome on your computer/laptop iOS (4.2+) and Android (2.1+) devices (including Kindle Fire)

#CreateTheWeb

© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

Where can I get Adobe Shadow and how much does it cost?

Adobe Shadow is in beta now and it is free Later this year: included in CCM and sold separately too as a

subscription You can download it from

http://labs.adobe.com/technologies/shadow/ Shadow Team blog: http://blogs.adobe.com/shadow/ Shadow Home Page: http

://html.adobe.com/toolsandservices/shadow/ Twitter: @adobeshadow

#CreateTheWeb

Questions & Answers!

Thank you!

Mihai Corlan@mcorlanhttp://corlan.org

#CreateTheWeb