Adobe has released Shadow, a free mobile development tool for previewing interactive design projects on different mobile devices at once.
The program, posted on Adobe Labs, is in beta and available as a free download. Shadow, which allows your mobile devices to synchronously browse with your desktop computer, is designed to aid in the testing and inspection of new designs and design updates. It promises to make the reviewing and debugging process more efficient by letting the designers see how each iteration will look on all target devices simultaneously.
“Shadow is for front-end Web designers and developers who are interested in building better mobile Web experiences,” said Bruce Bowman, senior product manager of Adobe’s digital media business. “It allows them to connect devices to their computer, and when they browse on their computer, it allows the devices to stay in sync and targets devices for remote inspection and debugging.”
View and inspect
Shadow lets users pinpoint errors, experiment with new ideas and layouts, and view the changes on their devices in real time. It works over a Wi-Fi network, where all devices are connected to the same network. It takes into account the rapid changes in the development landscape, with new devices, operating systems, browsers, and browser versions. Different browsers have varying levels of capabilities, and are enabling new technologies in advance of W3C rules, requiring constant checking to make sure that a design works everywhere, or at least degrades gracefully.
Shadow's targeted inspection mode lets users do most of the tweaking on their desktop computer without having to interact with the devices. Adobe explains that whereas today, most developers are working via trial and error, with Shadow, they’re able to control revisions from one place.
“As a Web developer, the more I can keep my eyes on my own screen and my hands on my own mouse, and not have to touch other devices, the more efficient I can be,” Bowman said. “Shadow allows remote control of devices: There’s no ambiguity, no guesswork, just precision editing tools.“
Adobe Shadow browsing showing simultaneous remote inspection.
Better browsing with HTML5
Shadow joins other Adobe Labs Web development apps such as Edge, Muse, and Wallaby in the company’s attempt to propel its HTML5 Web products forward, and move away from Flash-based mobile sites. This is consistent with the trend away from the company’s Flash platform for content creation on mobile devices.
Adobe Shadow running in Google Chrome with remote inspection to various devices.
Shadow leverages Weinre (Web Inspector Remote) open source software. In itself, Weinre takes some skill to use, however, Shadow places a front end on it that masks most of its complexity, thus designers need not have coding knowledge. There's zero configuration for using Weinre as part of Shadow.
Once installed, users can see layout changes and other development updates across devices immediately and simultaneously. Adobe has tested some 20 devices at the same time, and says that an unlimited number can be viewed. “This is a real time savings, because the way people are doing this job today, they have to go directly to the device, load a long URL, and type on the tiny keyboard. And they have to do that for every device,” said Bowman. “Then they make a change and have to refresh each browser, so that they’re constantly refreshing browsers all day, and that gets old and tedious. With Shadow, we take care of that chore for you.”
The final shipping product is expected to be released in the second half of 2012 in the Adobe store. It’s also available in the iTunes Store and the Android Market. While there will be a charge for the desktop commercial version, the price has not been revealed. Shadow will also be available for subscription as part of Adobe’s new Creative Cloud, due to launch within the first half of this year.
For more on Shadow, watch the video below.