Hands on with Adobe Edge

Presenter: Sasha Vodnik The Adobe Edge suite of tools let users visually build and test content for the web using the familiar Adobe interface. This session will provide an overview of the function of each tool in the Edge suite, as well as an opportunity to experiment with Edge Animate and Edge Inspect on sample projects. With Edge Animate generating standards-based web animations using only HTML, CSS, and JavaScript, we'll also talk about what the arrival of this application means for Flash, and the use cases going forward for each of these applications.

1.0x

Hands on with Adobe Edge

Created 2 years ago

Duration 0:00:20
lesson view count 90
Presenter: Sasha Vodnik The Adobe Edge suite of tools let users visually build and test content for the web using the familiar Adobe interface. This session will provide an overview of the function of each tool in the Edge suite, as well as an opportunity to experiment with Edge Animate and Edge Inspect on sample projects. With Edge Animate generating standards-based web animations using only HTML, CSS, and JavaScript, we'll also talk about what the arrival of this application means for Flash, and the use cases going forward for each of these applications.
Select the file type you wish to download
Slide Content
  1. Hands on with Adobe Edge

    Slide 1 - Hands on with Adobe Edge

    • Sasha Vodnik, Cengage Learning Author
  2. Agenda

    Slide 2 - Agenda

    • Overview of Adobe Edge components
    • Hands on with Adobe Edge Animate
    • 2015 Cengage Learning Computing Conference
    • 2
  3. Adobe Edge

    Slide 3 - Adobe Edge

    • 2015 Cengage Learning Computing Conference
    • 3
    • html.adobe.com
  4. Web Fonts + Typekit

    Slide 4 - Web Fonts + Typekit

    • 2015 Cengage Learning Computing Conference
    • 4
    • Free
    • Includes Google fonts and other free fonts
    • No app to install: edgewebfonts.adobe.com
    • Creative Cloud subscription required
    • Exclusive fonts
    • Download through CC
  5. PhoneGap Build

    Slide 5 - PhoneGap Build

    • 2015 Cengage Learning Computing Conference
    • 5
    • Packages HTML/CSS/JS code into native apps
  6. Edge Code

    Slide 6 - Edge Code

    • 2015 Cengage Learning Computing Conference
    • 6
    • Adobe Brackets (brackets.io)
    • Code editor optimized for web development, and written in HTML/CSS/JS
  7. Edge Reflow

    Slide 7 - Edge Reflow

    • 2015 Cengage Learning Computing Conference
    • 7
    • Responsive design prototyping tool
  8. Edge Inspect

    Slide 8 - Edge Inspect

    • 2015 Cengage Learning Computing Conference
    • 8
    • Multiple device testing platform
  9. Edge Animate

    Slide 9 - Edge Animate

    • 2015 Cengage Learning Computing Conference
    • 9
    • HTML/CSS/JS animation tool
  10. Edge Animate vs. Flash Pro

    Slide 10 - Edge Animate vs. Flash Pro

    • 2015 Cengage Learning Computing Conference
    • 10
    • Feature set
    • Installed base
    • Ease of use
    • Main use cases
    • Lightweight HTML animation
    • Games
    • AIR apps
    • Legacy projects
    • HTML canvas
  11. 2015 Cengage Learning Computing Conference

    Slide 11 - 2015 Cengage Learning Computing Conference

    • 11
    • html.adobe.com
    • tv.adobe.com/product/edge-animate
    • Cengage TechConnection
    • Resources
    • Questions/comments: @sashavodnik