Web Fonts in Edge Animate

To make your Adobe Edge Animate animations more appealing you can use in texts non standard fonts that usually aren’t installed on client computers.

In this tutorial we will look how to insert these fonts using online Adobe services: Edge Web Fonts and Typekit, Google service: Google Web Fonts and including them using css and @font-face rule.

INTRO
Let’s create a new Edge Animate [...]

Edge Animate Tutorial: passing data to animation

In this tutorial we will se how to pass variable data to an animation made with Adobe Edge Animate.

INTRO

Sometime you need an animation that changes its status based on specific parameters,
to do this in Edge Animate we will use javascript variables instanced by params passed to the page.

In this example a parameter param having value “variable value” is passed inside [...]

Edge Animate Tutorial: Dynamic Content using Ajax

In this tutorial we will see how to use jQuery and Ajax to dynamically load contents inside a Adobe Edge Animate animation.

The topics discussed in this tutorial are:

Ajax with jQuery
Button actions
Actions on animation start

INTRODUCTION
Edge Animate uses jQuery library as core for its API,
we will use this peculiarity to dynamically load a text inside an animation via Ajax.

If you don’t have [...]

Edge Animate Tutorial: Restart, Rewind and infinite Loop

In this tutorial we will see three different methods to restart an animation made with Adobe Edge Animate.

On this tutorial the topics discussed are:

Timeline manage
Mouse events on objects
Adobe Edge API

INTRODUCTION
Edge Animate has two methods for managing the execution on the timeline:
play() and playReverse().

To have a more clear overview about the difference between the two methods,
you can find here below the [...]

Edge Animate Tutorial: Countdown using API

In this tutorial we will see how to create a countdown using the API of Adobe Edge Animate.

On this tutorial the topics discussed are:

Object positioning
Edge Animate API
Conditional loops

STAGE CREATION

Create a new project and set its dimensions to 750 x 250 pixels.

Select #000000 as background color.
TEXT CREATION

Let’s create the text that will be our countdown, select the “Text Tool”, click on [...]

Edge Animate Tutorial: Symbol Animation

On this tutorial we will see how to use Adobe Edge Animate to animate a symbol:
in this specific case we will simulate a simplified Sun movement.

On this tutorial the topics discussed are:

Symbols creation
Symbols animation
Attributes editing (dimension, rotation, color)

STAGE CREATION
Create a new document having dimensions 750 x 250 pixels.
SYMBOLS CREATION

Create a background using a rectangle with dimensions 750 x 250 pixels, [...]

Edit links inside Magento account page

The Magento account page is the screen shown to the user after login.
In this page there is a menu with various items.

Depending on the website, not all the items presents in the menu are useful, some of them could confuse the customer.

By default the items presents in the menu are:

Account Dashboard
Account Information
Address Book
My Orders
Billing Agreements
Recurring Profiles
My Product Reviews
My Tags
My Wishlist
My [...]