Front end device testing @ Dev Corner 012, Mynewsdesk
Upcoming SlideShare
Loading in...5
×

Like this? Share it with your network

Share

Front end device testing @ Dev Corner 012, Mynewsdesk

  • 431 views
Uploaded on

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. ...

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/

More in: Technology , Business
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
431
On Slideshare
430
From Embeds
1
Number of Embeds
1

Actions

Shares
Downloads
0
Comments
0
Likes
0

Embeds 1

https://www.linkedin.com 1

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Front-end Device Testing Adobe Shadow By: Joakim Westerlund @joakwest
  • 2. Adobe ShadowAdobe® Shadow is a preview tool that allows front-end webdevelopers and designers to work faster and more efficientlyby streamlining the preview process, making it easier tocustomize 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. SetupInstall Adobe Shadow application at your computer and theother devices that should be included in your testingenvironment. ● 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. LinksAdobe 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/ijoeapleklopieoejahbpdnhkjjgddemUse Adobe Shadow with Pow and xip.io ● Pow and xip.io support http://37signals.com/svn/posts/3191-announcing-pow-040-with-xipio-support