Adobe Edge Preview 5: A First Look
Learn more about the companies mentioned in this article in the Sourcebook:
This article will focus on a few of the ways that Edge Preview 5 offers enhancements over previous releases, highlighting Adobe's approach to putting new technology in the hands of users—in beta form—to get large-scale feedback before the product reaches gold master and is ready for general release.
The article will use screenshots from an example file that can be downloaded from the Adobe Edge resource page or from this direct link. In addition, at the Workflowed blog, we point out how to effectively remove earlier preview installations, a key factor in making sure Preview 5 runs correctly.
The example file, titled the Mobile Browser Marketshare, is an interactive infographic that contains live, selectable text using Adobe's new Web Fonts functionality, a real set of fonts designed specifically for the web and HTML5 use. For those of us creating custom players, the ability to have selectable text for metadata can't be overemphasized, especially when it comes to search engine optimization of content. In the example file, the text "North America" appears when a user mouses over the graphic element of the North American continent, but the text itself is not a graphic but rather true Web Font text (Figure 1).
Figure 1. In the image shown, the words "North America" appear in true Web Font text when a user mouses over the continent on the map.
Figure 2. Here, symbols, graphic elements, and live text appear in the same browser window when the user clicks on the "North America" text shown in Figure 1.
Figure 3. The Adobe Edge timeline will look familiar to After Effects users.
Adobe Edge Preview 5 has a pre-loader added, which speeds up the loading of large graphics elements, such as images, which assures smoother transitions and movements once an HTML5 interactive element has been chosen.