While there are many programs out there that have double-digit version numbers, Adobe Edge Animate is a youngster at version 1.0. After about a year of “preview” versions (seven of them), it’s now ready for its debut. Animate has matured into the kind of design/web page building program that you’d expect from Adobe. There’s a lot of power under the hood. The widgets and tools are well thought out and let you tinker with just about everything on the page. Still, you may need help getting started and support when you’re working with Animate. Because it hasn’t been on the scene that long, it might not be obvious where to turn for Adobe Edge Animate support. But you’ve come to the right place because that’s the purpose of this appendix. After all, even Lewis and Clark had guides to help them in their explorations.
This section was based on Adobe Edge Animate version 1.0. Your mileage may vary if you’re using a different version.
Adobe Edge Animate runs in Windows 7 and Mac OS 10.6. That means Windows XP and Mac OS 10.5 and below are not supported. For those of you who are interested in such details, Animate is a 32-bit application but will run on 64-bit machines, too. Adobe has not listed any other requirements, but Animate doesn’t seem to require a lot of processing power or disk space. If your system can comfortably run a web browser and another application, like a photo editing program, at the same time, you won’t have trouble with Animate. Typically, the application folder, Windows or Mac, requires less than 150 megabytes of space. That’s less than half of what’s required for Dreamweaver or Photoshop.
Installing Animate is fairly easy. The first step is download the file for your computer from Adobe’s website. There’s a version for Windows and a version for Mac. You need an Adobe Creative Cloud account to log in, and get access to the files. If you don’t already have an account, don’t worry. It’s free. All you have to do is provide the usual information: name, email, and so forth.
If you have an Adobe Cloud subscription, you’ll find Animate listed with the other applications. Installation is as simple as selecting Edge Animate in the Adobe Application Manager tool.
You can find the download links at: http://labs.adobe.com/technologies/edge/. The Windows version is a ZIP file. The Mac version is a DMG file.
Double-click the ZIP file. Extract the contents of the ZIP file to the desktop.
Open the folder containing the extracted files, and double-click Set-up.exe.
The Welcome screen appears.
Click Accept to start the installation.
The Install Options screen opens.
Click Install to install Animate or Back to return to the Welcome screen.
The Installation Progress screen appears; when installation is complete, the Thank You screen is presented.
Click Done to close the installer or the Adobe Animate button to launch Animate.
Double-click the DMG file.
Open the Adobe Edge Animate folder and double-click the Install application.
The Welcome screen opens.
Click Accept to start the installation.
The Install Options screen appears.
Click Install to install Animate or Back to return to the Welcome screen.
The Installation Progress screen appears; when installation is complete, the Thank You screen is presented.
Click Done to close the installer or the Adobe Edge Animate button to launch Animate.
If you’ve taken an Adobe Edge Animate test drive with one of the preview versions, it’s important that you completely uninstall it before you move up to the latest and greatest version.
Select Start→Control Panel and, in the Programs section, click “Uninstall a Program.”
In the list of programs, double-click Adobe Edge Animate.
The Uninstall Options screen appears.
Click Uninstall and wait while Windows deletes Animate.
To back out now and keep Animate around for a while, click Cancel.
In the Applications→Adobe Edge Animate Preview folder, double-click the Edge Animate Uninstaller application.
Click Uninstall and wait while your Mac deletes Animate.
To back out now and keep Animate around for a while, click Cancel.
Sometimes Adobe applications leave remnants on your hard drive even when they’ve been uninstalled. That can be a particular problem with “preview” applications. The remnants interfere when you install a new version of the same application. If you have these kinds of problems, you can use Adobe’s “cleaner” tool to remove those remnants. Follow Adobe’s instructions carefully when using the cleaner utility. You can find the tool and the instructions at www.adobe.com/support/contact/cscleanertool.html.
As a relative newcomer, Animate may not have the kind of extensive help documentation that you’re used to with other applications. What’s available you’ll find under the the Help menu. It includes online documentation and links to Adobe’s video tutorials. There’s also “getting started” help in the Lessons window (Window→Lessons).
If you have a specific question, you may want to turn to the Animate community forum that’s hosted on Adobe’s website: http://forums.adobe.com/community/labs/edge/. You need to use your Adobe ID to log in, but you already have that if you downloaded Animate. What you’ll find in the forum is an active community of Animate fans. Other Animate explorers, like you, post some of their projects and share info about how they work. Post a question, and soon you’ll have an answer—if not a full-blown debate.
A few of the books in the Missing Manual series cover HTML, JavaScript, and jQuery: HTML5: The Missing Manual by Matthew MacDonald (O’Reilly); CSS: The Missing Manual by David Sawyer McFarland (O’Reilly); JavaScript and jQuery: The Missing Manual by David Sawyer McFarland (O’Reilly); and Creating Websites: The Missing Manual by Matthew MacDonald (O’Reilly).
Head First jQuery by Ryan Benedetti and Ronan Cranley (O’Reilly) also serves up a great introduction to jQuery coding. If you’re looking for the Bible on JavaScript, turn to JavaScript: The Definitive Guide by David Flanagan. Just be prepared for some serious technical detail.
There are a number of non-Adobe resources for help with Animate, JavaScript, and jQuery. Do a Google search for “Adobe Edge Animate,” and you’re likely to find websites where people post examples and maintain blogs that discuss Animate. Darrell Heath, this book’s technical reviewer, has just such a site at: www.heathrowe.com.
For help with JavaScript, you can turn to www.w3schools.com/js or https://developer.mozilla.org/en/JavaScript.
The official jQuery website provides tutorials, forums, and lots of ways to learn. Here’s a link to its tutorials: http://docs.jquery.com/Tutorials.
Chris Grover, the author of this book, has a website at www.edgemanual.com. The site displays working examples of some of the projects in this book. It also provides hints, tips, and how-to projects not covered in the book.