3 Replies Latest reply on Feb 22, 2014 10:29 AM by hemanthR

    How do i make my output compatible with advertising standards?

    Dagga81

      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:

       

       

       

       

      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.