Introduction to PhoneGap - An Open Source Framework

To view this content, you need the latest version of the Flash Player. Adobe TV uses the Open Source Media Framework (OSMF) to deliver a superior video experience. Please upgrade your Flash Player to version 10.2 to benefit from this technology.

Gain unprecedented creative control with new expressive features and visual performance improvements in Adobe Flash Player 10.2.

Flash Player is a cross-platform browser plug-in that delivers breakthrough Web experiences to over 99% of Internet users.

Join the Community Translation Project

Thanks for your interest in translating this episode! To get started, please join the Community Translation Project.

Please Confirm Your Interest

Thanks for your interest in adding translations to this episode! Please select the language you would like to translate this episode into.

An error occurred while processing your request. Please try to again later. We apologize for the inconvenience and appreciate your interest in the Community Translation Project.

Another translator has already started to translate this episode. Please choose another episode or language.

Thanks for Participating!

This episode has been assigned to you and you can expect an e-mail shortly containing all the information you need to get started. We ask that you please complete your translation within 30 days. Sign in to your dotSUB account to get started right away.

About This Episode

Get an intro to PhoneGap and PhoneGap Build. Learn how to create mobile apps using standardized web APIs for the platforms you care about.

Learn web design, production, and digital communication from how-to information, subject experts, and tutorials. For more on teaching these skills, see the free Adobe Digital Design CS6 curriculum on adobe.com/go/digitalcareers.

From the Welcome screen you can create new content, open existing content, and much more. In this video you'll see why the Welcome screen is a great point of reference when working in Dreamweaver and a great place to learn about new features.

Workspaces allow you to quickly and easily shift focus from one task to another in Dreamweaver. In this movie, you'll discover how to take control of the interface. See how to take advantage of the default workspaces in Dreamweaver, or create and manage your own custom workspaces.

In Dreamweaver CS6, Adobe has streamlined the integration between Photoshop and Dreamweaver. Learn how to take images directly from Photoshop to Dreamweaver. Then, see how to optimize the images and edit them in Photoshop using Adobe's round-trip editing feature.

Designing for multiple screens can be a difficult and time-consuming task. The new Fluid Grid feature in Dreamweaver CS6 gives designers a visual way to control page layout for multiple screen sizes. It also automatically integrates cross-browser consistency through the use of HTML5 boilerplate and the respond.js library.

In this movie, learn about the CSS Transitions panel, which makes it easy to add impressive CSS-driven transitions to any element on the page through a single dialog. All CSS syntax is handled automatically, including vendor prefixes for all major browsers. If you prefer to hand-code your CSS syntax, the CSS Transitions panel now gives you an easy way to manage and edit transitions, regardless of where they're added.

Adobe continues to improve CSS management capabilities in CS6 through the addition of support for multiple classes. Learn how to apply multiple classes to elements at virtually any point through the CSS workflow in Dreamweaver.

Web fonts have become an important part of many web designers' workflows. Dreamweaver CS6 adds support for web fonts through the new Web Fonts Manager. See how to use the Web Fonts Manager to add, manage, and apply web fonts throughout your sites.

Adobe continues to add support for jQuery Mobile in CS6 with the addition of new jQuery Mobile Sample Pages and the jQuery Mobile Swatch panel. The new jQuery Mobile Swatch panel allows you to quickly apply themes visually to your jQuery Mobile projects regardless of where the themes were created. The new Sample Pages feature improved architecture that makes it easy to swap out themes without affecting layout or functionality.

Join Developer Evangelist Kevin Hoyt for this thorough series on web standards, starting with a clarification of the various HTML5 browser specifications and an overview of the emerging APIs covered in this series’ seven lessons.

Save time and preserve your design's integrity by cleanly extracting CSS elements and values (such as color, font, gradient, and corner radius) using the new CSS Properties panel. Once you have the code, copy and paste it directly into Adobe Dreamweaver® CS6 software or other HTML editors.

Explore the expanded support for CSS3 by creating a graphic and reviewing the powerful CSS Properties panel with the CCS rules you can copy, add comments to, and optimize for Firefox, Opera, Explorer, and Webkit.

Discover the handy and time-saving Common Library, a set of pre-created graphics and images that you can bring into your design, including iphone graphics, Windows Phone 7 graphics, Mac and Windows graphics and more.

The Flash Professional interface contains a variety of useful panels and other structures that allow you to work effectively within the program. This lesson provides an overview of the most important and useful elements of the application interface.

Like most Adobe Creative Suite applications, Flash Professional will present you with a Welcome screen when the application is initialized, giving you quick access to a number of common tasks. This lesson looks at the options available in the Welcome screen.

The Stage and accompanying work area in Flash Professional are where all of the visual creation, manipulation, and animation take place. This lesson demonstrates the differences between these two features and looks at properties associated with the Stage.

Leverage a new extension (available separately) to create interactive HTML5 content by building on core animation and drawing capabilities in Flash Professional. Export as JavaScript to target the CreateJS open source framework.

This tutorial demonstrates in detail how to generate a Flash sprite sheet from items on the Stage. Learn how to add multiple symbols or bitmaps images to a sprite sheet. Also learn about the effect the layout and output format of the sprite sheet has.

The new Content Simulator allows you to effectively simulate how your Flash content is going to behave on a mobile device. This video demonstrates simulation of events specific to mobile, such as touch and drag, geolocation, and reacting to the accelerometer.

Game developers talk about why they love developing games in Flash: easy workflow, maximum exposure, rapid prototyping, ubiquity of experience across devices, Stage 3D, graphics acceleration, and the ability to distribute to multiple platforms.

One of the most powerful capabilities in Photoshop CC is the variety of ways you can apply adjustments that only affect a specific area of a photo. This lesson will introduce you to the use of layer masks for targeted adjustments.

Photoshop CC has the ability to simulate the look of the printed image on your computer’s display, helping ensure the best results when printing your photos. This lesson will provide you with an overview of soft proofing in Photoshop CC.

Learn web design, production, and digital communication from how-to information, subject experts, and tutorials. For more on teaching these skills, see the free Adobe Digital Design curriculum on adobe.com/education.

Watch Paul Trani, Adobe Evangelist, show how Adobe Edge and the Adobe Flash Toolkit for CreateJS Extension allow you to publish interactive content with HTML. He covers the key benefits of each tool, to help you learn about these new technologies.

Innovation is constantly being added to Dreamweaver with now our second update excluvively for Creative Cloud members. This second update adds more support for HTML5, JQuery, web fonts and enhancements for creating fluid grid layouts.