Jump to content

Search In
  • More options...
Find results that contain...
Find results in...


  • Posts

  • Joined

  • Last visited

Everything posted by emmanuelulloa

  1. I export .png assets at the banner size so I save myself a lot of time NOT positioning assets (since they are already positioned in the image itself). You may think that trimming those transparent pixels would save you size but actually I rather save time (and the difference is not that big anyways).
  2. Hello friends. Any task runner that makes packing ads easier? I currently go to each banner folder, select the files and then zip them. But I'm sure there should be an easier way.
  3. Hello friends. Has anybody worked banners in Centro/Basis? Do you know if they allow or have a component for videos as a background? A client wants to know and I have never use it and my experience limits to RM with Doubleclick. Regards.
  4. Do you folks mind to share any Gulp (or other task runners) implementations that make your development life easier?
  5. What about doing statics with little bits of animation? Like: CTA jumps/scales a couple of times. Animated background (images with zooming/panning/Ken Burns effects or looping animations) Text lights up/blinks once in while. 1 frame with all elements fading in or sliding into position very fast at the beginning. I mean, maybe people is not willing to invest 15 seconds into reading and putting together the whole message at the end. Maybe marketers are focusing too much on storyboarding and not enough in copywriting.
  6. Another way to nullify CSS animations is having a setTimeout that starts on window.load and last 15000 ms and at the end apply the following class to the banner: * { -moz-animation: none !important; -webkit-animation: none !important; animation: none !important; }
  7. I love seeing this kind of entrepreneurship of bringing a more visual approach to animation software. The FB link does not seems to work. I'm looking at the Youtube video: https://www.youtube.com/watch?v=nbHPzFBpeaw
  8. @Carl NOW it did worked out beautifully!!!! Congrats! You have a winner on your hands guys!
  9. @Carl This is a wonderful concept! However it did not worked out for me. It would be great to understand the expected development workflow so the banners workout in the end. My setup usually is index.html calling the Doubleclick Enabler, styles.css, 1 external .js file and a bunch of images.
  10. Excellent and valid points ?. And until we know that GSAP is whitelisted we have to still do all that by hand while trying to convince the client to reduce the scope of the animation in the banner ?.
  11. Nope, it will only "render" opacity and transform. So you put in a tween and it spits out from 2 to 100 css keyframes. Hopefully they do (since they got "bodymovin" there). If you hear something let us know please ? Nice!
  12. It would be nice to have some sort of js functionality into GSAP where I would put in a regular tween and it will output an amp-animation JSON.
  13. Make sure that if the border is 1px and using box-sizing: content-box; you are accounting for the extra pixels in the border. So if the ad is 300x250 then the container/wrapper div will have width: 298px; and height:248px;
  14. Thanks @joe_midi! After a lot of digging through I did find the correct website documentation (that drop down menu gets lost in the website). AMP ADS for beginners: I think we should start in the following order (if you already have a grasp of what the whole AMP thing is about): Read the basic introduction at: https://amp.dev/documentation/examples/introduction/amphtml_ads_hello_world/?format=ads Follow the tutorial at: https://amp.dev/documentation/guides-and-tutorials/start/create_amphtml_ad/?format=ads If you need to render AMPHTML then play around with the code in the playground: https://playground.amp.dev/?url=https%3A%2F%2Fpreview.amp.dev%2Fdocumentation%2Fexamples%2Fstyle-layout%2Fbanner_ad&mode=300x250 Want to know if your code is valid? Test it on the validator: https://validator.ampproject.org/#htmlFormat=AMP4ADS With this said there another set of questions that came up: How can a developer set up some sort of environment to test the files without the playground? Like a local Ad Server. Are AMPAds supposed to be responsive? Looking in the playground it seems not? Is there a spec sheet for ads? Animation time limited to 15 seconds? Every ad must have an exit? Can we do multiple clicktags?
  15. I have several questions: 1) Do AMP ads run locally? Or do they have to be run in an environment? 2) How do I go about creating an AMP Ad in code (not GWD). 3) Is there a sample .zip file we can look at? What I have found is https://playground.amp.dev/?url=/static/samples/standalone/amp-ad/ and there is no animation happening there. I know I go to https://amp.dev and start reading... but at the moment I only want to do ads not general web development.
  16. We have done it for a 200+ campaigns. The PM will complaint about the amount tickets (they are responsible for creating them) but from my perspective is the healthier approach for a seamless DEV & QA communication since sometime the feedback is per ad unit.
  17. One jira ticket per banner. The ticket must include RM platform, PSD path and expected name convention. We receive the ticket from the PM then send to Art Director for approval and then QA.
  18. Is there anyplace where they explain the structure and patterns they use for the ads? You know how GWD generates code?
  19. You found him/her because of this forum? It is nice to let us know the position is filled and wether or not this is a good hub for resourcing developers.
  20. I was wondering if you guys use the X-UA-Compatible in your banners? I have it in my banners but I cannot recall how I come up with it: <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> <meta name="ad.size" content="width=160,height=250"> I read on the topic at https://stackoverflow.com/questions/6771258/what-does-meta-http-equiv-x-ua-compatible-content-ie-edge-do Should I take it out?
  21. The easiest way for me to do polite load/lazy load is "activate" the html until the window.onload event is triggered" <div id="banner"></div> <script id="template" type="text/template"> <h1>Look at this promo</h1> <img src="bigImage.png" /> <img src="anotherImage.jpg" /> <div class="cta">BUY NOW!</div> </script> <script type="text/javascript"> window.onload = function(){ var banner = document.getElementById('banner'); banner.innerHTML = document.getElementById("template").innerHTML; //BANNER ANIMATION STARTS HERE } </script>
  22. Just in case changing from <img> to <div> with background-image fixes the issue. Apparently rendering of combined images (one on top of the other) is treated differently by the engine.
  23. Sorry Jack. I tried to do it with CSS just to confirm that GSAP was not the issue and it was more related to the FF rendering engine. It is for a client with is own CDN and since I cannot bring in GSAP anyways I had to do it with CSS to stay within my 150 kb limit.