Advertisement
Applications and Tools

First Look: The New Scripting Features of Adobe Edge

by

Edge Preview release 3 introduces code snippets and the ability to add interactivity to your presentations. In this collection of 3 screencasts we'll take a look at the new features, and put them to work in an interactive slideshow.


1: Introduction

Let's begin by seeing how code is added to elements and the timeline. Additionally, I'll demonstrate the new Script panel where you can add snippets at the click of a mouse or "roll your own" code.

Don't like ads? Download the video, or subscribe to Webdesigntuts+ screencasts via iTunes!


2: Slideshow

In this screencast we'll put the new features to work by creating and coding up a slideshow with linear navigation.

Don't like ads? Download the video, or subscribe to Webdesigntuts+ screencasts via iTunes!


3: Going Beyond

This final tutorial takes our slideshow to the next level and demonstrates how non-linear navigation can be added to an Edge presentation. Along the way I'll show you a number of productivity tips and even visit Fireworks to rapidly create the assets used in the slideshows.

Don't like ads? Download the video, or subscribe to Webdesigntuts+ screencasts via iTunes!

Related Posts
  • Web Design
    CMS
    Improving Our Tumblr Theme Navigation and Post NotesTumblr 27 retina
    We've reached the end of our Tumblr theming series! In this video we're going to add some styling to our post notes and the tag page. We'll also be adding some extra CSS which will make navigating the site a little easier.Read More…
  • Web Design
    CMS
    Understanding Tumblr Variable TransformationsTumblr 26 retina
    In this video we're going to introduce a concept called Variable Transformation. This is something which Tumblr offers, allowing us to alter the data returned from any given variable. We'll be using Tumblr's {CustomCSS} variable to demonstrate how it works.Read More…
  • Web Design
    CMS
    Tumblr Appearance Options: Boolean OptionsTumblr 23 retina
    In this episode of Tumblr Theming 101 we'll add some Boolean Appearance Options to our theme. This will allow users, through checkboxes, to enable or disable certain features.Read More…
  • Web Design
    CMS
    Adding Media Queries to Our Tumblr ThemeTumblr 18 retina
    In this video, we'll be rounding off our responsive CSS by adding some Media Queries. We'll be talking about defensive coding, being sure that we make allowances for various usage scenarios, such as unusually long blog titles.Read More…
  • Web Design
    CMS
    The Code Behind a Tumblr ThemeTumblr 2 retina
    In this screencast we'll take a first look at the structure of a Tumblr theme and the Tumblr customize area.Read More…
  • Web Design
    Applications and Tools
    Build Bootstrap in Minutes Using EmmetEmmet bootstrap retina
    Bootstrap (currently at version 3) is all about rapidly building websites, whether they be prototypes or finished products. In today's videos we're going to build ourselves a Bootstrap layout, in record time, using Emmet's powerful time-saving markup syntax.Read More…