Hi.
This is my first time posting in these forums - apologies for any mistakes (spelling and/or other).
I'm looking into Adobe Edge as a potential new tool for creating web-banners for advertising. I'm more of a designer than a coder, but i have some experience coding in Action Script (flash).
The challenge for me is generating a project that complies with the strict advertising standards found here:
https://github.com/finn-no/advertsspec/blob/master/specification.md
I have listed the points that worry me the most here:
- The HTML-file should just be one file with all CSS required for the ad inline in the HTML.
- Animation prior to a user interaction must be written using CSS3 Transitions, Transforms and/or Animation https://github.com/finn-no/advertsspec/blob/master/spec/cssforanimatio ns.md
- JavaScript animations are forbidden before an user interaction https://github.com/finn-no/advertsspec/blob/master/spec/jsanimations.m d
I have little or no prior experience working with CSS and Javascript, so i'm not really sure what i'm doing, but i have (with a little help) tried a few things.
The first example is just the raw export of a project with a few simple (and quite ugly) animations. I'm assuming that this is incompatible with the demands listed above.
http://kunde.rim.no/EdgeTest/Husebyenga_EA_992x150-resp.html
Project files:
http://kunde.rim.no/EdgeTest/QuickTest.zip
In the next example I've created a project where I've put a "stop" action on the first frame and an "onClick" > "sym.play("rotate");" action on the image. "rotate" is a refferance to a frame label later in the same timeline (Click the image to start the (even more ugly) animation created in the Edge timeline).
Then i wrote some CSS-animations (horribly ugly) directly in the auto-generated HTML-file.
Will this be enough to get me around the requirement of "no javascript animations prior to user interaction"?
http://kunde.rim.no/EdgeTest/Husebyenga_An_992x150-nyen.html
Project files:
http://kunde.rim.no/EdgeTest/Test-CSS-animation.zip
The thing is that i would prefer a workflow where i can do as much as possible within Edge Animate, but if the second example above is in compliance with the requirements, then that's not so bad. Guess i can learn some CSS.
Some thoughts/questions:
Is it possible that Edge outputs some CSS animations embedded in .js files, and would the people/systems where the advertising is hosted recognise the animations as one type or the other? If so: Can you restrict Edge Animate to use only css animations or is there a way to know what is "safe" (CSS) to use before user interaction and what is not (JavaScript)?
Are there templates and/or plugins that can help with any of this?
Any help would be greatly appreciated!
Dag.