Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Introduction to Adobe Shadow

1,615 views

Published on

Learn how

  • Be the first to comment

Introduction to Adobe Shadow

  1. 1. Adobe ShadowMihai Corlan | Web Developer Evangelist | Adobe
  2. 2. About Me  Mihai Corlan  Adobe Developer Evangelist  Blog: http://corlan.org  Twitter: mcorlan  Email: mcorlan@adobe.com© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 2
  3. 3. Transylvania
  4. 4. Agenda Adobe Shadow is an innovative solution that streamlines website development for mobile devices.© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  5. 5. The Problem You develop on a desktop/laptop This is where you spend most of your time, testing included© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  6. 6. The Problem Desktop Devices …© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  7. 7. Solution: Adobe Shadow  Adobe Shadow allows developers to connect their mobile devices to a computer and do “synchronized browsing”  Each connected mobile device will display the same URL as the computer’s browser and it will stay in synch as you change the URL on your computer Computer Mobile Devices URL© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  8. 8. Boring … is this all? Support for remote Web Inspector sessions: inspect the DOM, check the CSS properties, JavaScript Console …© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  9. 9. How does Adobe Shadow work?  Install the Adobe Shadow app and the Adobe Shadow Chrome extension on your computer  Install the Adobe Shadow mobile app on your mobile devices  Connect all the devices to the same Wi-Fi© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  10. 10. Demo Time
  11. 11. Adobe Shadow supports  Windows and Mac OS  You have to use Chrome on your computer/laptop  iOS and Android devices  Support for localhost/127.0.0.1 URLs  Support for HTTP Authentication  Support for one page apps (URL fragments/#)  Integration with Adobe Edge  Refresh Gesture for loading the latest assets  Works with LiveReload© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  12. 12. Where can I get Adobe Shadow and how much does it cost?  Adobe Shadow is in beta now and it is free  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© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  13. 13. Adobe Creative Cloud Membership Membership Annual Plan Month-to-Month Plan Adobe Creative Cloud $49.99 per month $74.99 ACC Student & Teacher $29.99 per month - ACC Current CS Customers (CS3 or $29.99 per month - newer) ACC = Adobe Creative Cloud© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  14. 14. Thank You! Question & Answers Time! http://corlan.org http://twitter.com/mcorlan http://github.com/mcorlan mcorlan@adobe.com

×