Jump to content
Search Community

emmanuelulloa

Members

  • Posts

    93

  • Joined

  • Last visited

 Content Type 

Everything posted by emmanuelulloa

2
3
4
Page 3 of 4  
  1. emmanuelulloa
    Bannerwise.com
  2. emmanuelulloa
    Some resizing/repositioning and fix later methods like in wisebanner.com
  3. emmanuelulloa
    That is what I mean. Is there an explanation on how to use the Bannertime produced assets to implement the PSD design?
  4. emmanuelulloa
    I've read through all the documentation about Bannertime at https://bannertime.github.io/ It looks like a wonderful resource. However is there anywhere where I can learn more about the actual development process of the banners? How do I use an smart object? Where do I input the configuration object? How do I use the preload code? Any reference banner will be great!
  5. emmanuelulloa
    Please check my tutorial on my Layout Helper tool to create banners faster:
  6. emmanuelulloa
    That sounds SO cool! I can't wait to check it out. And I ask because I'm building my own layout tool as well. But mine is more of a WYSIWYG thingy. If you want to check it out let me know through inbox.
  7. emmanuelulloa
    Can you elaborate on how do you automate the creation of Dom HTML tags and layout CSS?
  8. emmanuelulloa
    I used to do spritesheets and then use backgrounds within divs. Now I'm using img's inside divs, I found this easier to update assets and create resizes. I must point out though that the spritesheets were updated manually and not using any good workflow (like SASS).
  9. emmanuelulloa
    BannerTemplates.zip GWD can do several of the ad formats Google has. So when starting a campaign you need to find out which one. I'm attaching the templates I use.
  10. emmanuelulloa
    Did you guys finally put this code on GitHub?
  11. emmanuelulloa
    Can you share your methodology for HTML and CSS when working banners. You know, the non-GSAP part? I usually chop up the PSD to get my images. I name images as I will reference them on CSS, HTML and JS; so product.png will be <div id="product" class="animated"><img src="product.png" /><div> then on CSS I will have .animated { display: block; position: absolute;} #product { left: 10px; top: 35px;} Then when the layout is done I start the GSAPing from there.
  12. emmanuelulloa
    I just found about this cool functionality https://youtu.be/8pQw33oUJEA
  13. emmanuelulloa
    Tired of forgetting to create the backup.jpg I created a tool to make Photoshop unnecessary: http://codepen.io/emmanuelulloa/pen/BpOoEw Please test it out and let me know how it works for you.
  14. emmanuelulloa
    I created my own tool to create GIF animations in case somebody wants to check it out: http://codepen.io/emmanuelulloa/full/XKgAXr/
  15. emmanuelulloa
    I recently struggle to deliver a couple of banners for XAd. They needed to be a 320x50 and a 300x250 with weights of 20k and 40k respectively. After some research I ended up doing it in Photoshop. However "Video Timeline" only allowed for linear interpolation. My question is: When requested for GIF banners what is your approach? tools? workflow? dealing with the art director?
  16. emmanuelulloa
    Is there any page/website where people could get developers (real ones not those $5 per banner type) to develop/bid/hire for banner campaigns? How would you go around offering only banner development? Regards: E.
  17. emmanuelulloa
    I use approach #1. For positioning/layout I use sprites with some homebrew tools that generate the CSS for me.
  18. emmanuelulloa
    This is my basic css reset for all banners: <style type="text/css" media="screen"> *, *:before, *:after, html, body { border: 0; margin: 0; padding: 0; box-sizing: content-box; } a { text-decoration: none; color: #000; border: none; } div { position: absolute; display: block; } .banner { display: block; position: absolute; overflow: hidden; width: 298px; height: 248px; background-color: #FFF; border: 1px solid #666; cursor: pointer; outline: none; -webkit-tap-highlight-color: transparent; user-select: none; transform-style: preserve-3d; -webkit-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); perspective:1000; box-shadow: 0 0 1px rgba(0, 0, 0, 0); backface-visibility: hidden; -webkit-backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } </style>
  19. emmanuelulloa
    I think it would be useful to have a place where to post resources that might be helpful when building banners. I've never used web safe fonts in banners (usually images and svg), but I think this might be helpful: http://www.cssfontstack.com/ What other tools besides GSAP do you use when building ads?
  20. emmanuelulloa
    @erik any specific reason it exports only to DoubleClick? Would you plan to have it export to FlashTalking, Atlas, Sizmek in the future?
  21. emmanuelulloa
    A CMS for banners is a much needed tool. And yes, something simple that a PM can set up: campaign, banner name, set up a password, upload a .zip and get a url or shoot a mail to the client.
  22. emmanuelulloa
    My ¢0.02: As I'm seeing the market moving since August 2015 GSAP is the obvious winner amongst hand-code developers, also I would like to see a couple of things happening in the future: 1) GSAP more integrated into Animate CC, not needing to create templates but have them right there in the program. 2) Visual tools to facilitate the development of banners that is not dependent on Flash/Animate/Canvas. TweenUI (https://tweenui.com/) is a nice example. But I it will be nice to have more. One that integrates SVG and GSAP maybe?
  23. emmanuelulloa
    Quick question: ¿So Edge produced DOM animation and Animate produces Canvas animation? ¿Or do both tools produce DOM and Canvas animations? I've never created an ad that is Canvas animation. I usually go for DOM in Sublime.
  24. emmanuelulloa
    I found this post which seems good enough for this task: http://googlewdesigner.blogspot.com/2016/03/building-cross-device-lightbox.html
  25. emmanuelulloa
    http://microjs.com/# is always a cool place to find useful snippets.
2
3
4
Page 3 of 4  
×
×
  • Create New...