Jump to content
Search Community

joe_midi last won the day on August 24 2016

joe_midi had the most liked content!

joe_midi

Members

  • Posts

    216

  • Joined

  • Last visited

  • Days Won

    1

 Content Type 

Posts posted by joe_midi

    Permanent & Freelance Banner Developer - European/Mexico Timezones

    in Jobs & Freelance

    Posted

    Hey everyone,

     

    I'm looking to expand my network of freelance banner developers who can work within European timezones (GMT/CET) as well as permanent staff in Mexico City.

     

    Experience with GSAP is of course obvious, but you would need to be highly familiar with Google Studio (Formerly Doubleclick).

    Experience with DV360 and CM360 would be nice, but not essential.

     

    I will also ask if you are okay with spreadsheet (feed) based creative, for DCO solutions, be it in Celtra, Smartly or other creative management platforms.

     

    Please drop me a message. I may not always have a job available, but it would be good to connect for future. 

     

    Thanks!

    • Like 1

    Creative Developer - London, UK - Full time

    in Jobs & Freelance

    Posted

    Hello folks!

     

    We're looking for someone to join our lovely Creative Production team here at Jellyfish.

    Do you love building HTML5 banners? We specialise in innovative data-driven digital campaigns, so you will work on display creative for desktop and mobile that is both best-in-class and cutting edge.

     

    Please applicants need to be based in London, or at the very least within the UK.

     

    Send me a DM if you have any questions or apply directly below!

     

    https://apply.workable.com/jellyfish-group-ltd/j/5C3204DCB0/?utm_medium=social_share_link

    • Like 2

    Adobe Animate 2020 help

    in Banner Animation

    Posted

    Thanks @GreenSock, thanks @Carl

     

    On 8/28/2020 at 12:03 PM, Carl said:

    I have found the animate canvas performance is often worse than what I would get when moving DOM elements around.

     

    This is what gets me. I'm experiencing performance drags on something I know full well that would be fine if I wrote it as DOM elements + GSAP.

     

    On 8/28/2020 at 12:03 PM, Carl said:

    i also found nested symbols to be problematic.

     

     

    I found that having a small symbol graphic that was duplicated as a tile was causing performance issues, it didn't seem to handle multiple instances of the same symbol that well. Considering I vaguely remember Flash doing so well with that.

    Instead I've had to render as a bitmap, which I feel is so odd, but I imagine thats a limitation of the canvas rendering cycle?

     

     

     

    Adobe Animate 2020 help

    in Banner Animation

    Posted

    This feels like the right thread to post this in.

     

    Does anyone have any tips or tricks to improve animation performance in an Adobe Animate file?

    It's been years since I've used the program, and I'm totally unsure of whats available to me.

    Inspiring HTML5 Banner Examples with GSAP

    in Banner Animation

    Posted

    On 8/24/2020 at 2:50 PM, cartimundi said:

    <off topic> i see all these wunderful banners and I'm still stuck on gwd...(I'm a designer and newbie coder)

    does anybody have a step-to-step plan to archive banners like this..?

     

    I know that it is build with index.hmtl / js / css...but I'm coming nowhere ;-(

     

     

     

    So with GWD and something like Adobe Animate.

    A lot of people will use the GUI to layer and composite their creatives, and then go into Code View/ActionScripts Panel and write GSAP code there.

     

    You label each element on the stage and then use JavaScript / GSAP to animate it how you want.

     

    When I was learning, I took a Flash banner and then tried to recreate the same thing using HTML + GSAP.

     

    I broke apart the file to its constituent graphic elements.

    Used HTML to layer them as they are in Photoshop

    CSS to position their starting values

    JS/GSAP to animate them to their final positions

     

    Try doing the same with a CodePen, get a reference animation you want to copy and then try to re-create it.

     

    Good luck!

    • Like 4

    Dynamic Ads using GSAP?

    in Banner Animation

    Posted

    I think a lot of companies are being pressured into using GWD as they’re not present with any other option. (Which is entirely untrue!)

     

    Whether it’s budget constraints or people-availability, it’s easier to get a designer trained on GWD than it is to get a front-end developer to build a few banners. 

     

    Side-note: I might be given the green(sock)-light to open source one of my dynamic banner projects! 

     

    • Like 2

    Dynamic Ads using GSAP?

    in Banner Animation

    Posted

    As @somnamblst has said you don't need to use GWD for dynamic banners in Studio.

     

    The main thing to remember is that when you load your banner, the GSAP timeline should come after the dynamic data has loaded.

      

      Enabler.setProfileId(9999999);
  var devDynamicContent = {};
  
  devDynamicContent.feed = [{}];
  devDynamicContent.feed[0]._id = 0;
  devDynamicContent.feed[0].id = 1;
  devDynamicContent.feed[0].exitUrl = {};
  devDynamicContent.feed[0].exitUrl.Url = 'https://www.example.com/';
  devDynamicContent.feed[0].headline1 = `Creazy Headline`;
  devDynamicContent.feed[0].subline1 = `Some more words`;
  devDynamicContent.feed[0].image1 = {};
  devDynamicContent.feed[0].image1.Type = 'file';
  devDynamicContent.feed[0].image1.Url = `https://s0.2mdn.net/creatives/assets/0000000/image.png`;
  devDynamicContent.feed[0].subline1 = `Buy Greensock Business Green`;

  Enabler.setDevDynamicContent(devDynamicContent);
  
  // Assign copy and images to DOM elements

  let tl = new TimelineMax();

     

    As for text-fitting, you can mess around with some Javascript to do the same job. Might not be as quick, and you'd also have the handle the web font loading yourself as well.

     

     

    • Like 1

    How is the job market for banner animation these days?

    in Banner Animation

    Posted

     

    6 hours ago, Matthew Severin said:

    Surprisingly too I don't get asked to do much programmatic or responsive, I mean responsive takes as much time to execute as making 4 separate sizes anyway.

     

    This always gets me. Someone always believes they need dynamic or responsive banners to fulfil a media request, but there's always an intersection point of the time it takes to build dynamic vs building separate banners by volume.

     

    Half the time the request is small enough that its probably faster for me to create 10 sizes separately than coming up with a whole dynamic build.

    • Like 3

    How is the job market for banner animation these days?

    in Banner Animation

    Posted

    Hello!

     

    There's still some of us around, trying to make a living.

     

    From what I've seen, and as @leolo69 has alluded to is that production budgets for display banners has dramatically been cut. A few years ago I was at a DoubleClick event where we talked about budgets, and 85% went to media, and only 15% for creative and production, my current estimates puts that figure at 6%. This leaves a lot of work being out sourced to cheaper labour markets. (I may or may not have had a hand in this, I hear a lot of cheap production houses are using Bannertime to scale up. Oops)

     

    I've seen more traction with dynamic banners, or data-driven creatives, with programmatic being the buzz word for the media side for a while now, clients are more interested in the cost savings that can be had by developing a set of banners once, and re-using them for several seasons.

     

    That being said there's always those gem contracts where there is loads of budget and a real desire to get creative! They're few and far between these days but  here's hoping the market will shift back to creative!

     

    EDIT: I also haven't done a decent interactive/rich-media creative in ages!

     

     

    • Like 5

    AMPhtml WTF?

    in Banner Animation

    Posted

     
     
     
    12 hours ago, emmanuelulloa said:

    1) Do AMP ads run locally? Or do they have to be run in an environment? 

     

    AMP Ads should run anywhere, but to actually see the AMP parts in action, it is likely that you'll need a compatible Ad Server to test them. Or you might be able to use the Playground.

     

     
     
    1
    12 hours ago, emmanuelulloa said:

    2) How do I go about creating an AMP Ad in code (not GWD).

     

    How you would normally code HTML5 + CSS, just remember to use the appropriate <html amp4ads> meta tag and amp scripts.

    https://github.com/ampproject/amphtml/blob/master/extensions/amp-a4a/amp-a4a-format.md

     

     
     
     
    12 hours ago, emmanuelulloa said:

    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.

     

    There is a limit to JS in A4A, so you'll need to write your animations as CSS keyframes/transitions or compatible WAAPI

     

     

     

    • Like 1

    Inline JS and Images in HTML?

    in Banner Animation

    Posted

    Its been a while since I've had specs for Amazon, but that seems really excessive. I understand reducing network calls, but with http2 that's kinda irrelevant and base64 images is a bad idea as they'll often end up a larger file weight than as binary images.

     

    Are you images only referenced in the JS file or are they available in the HTML? And I would recommend you minify _after_ you've base64 replaced everything, then inline it into the bottom of the HTML.

     

    Your other option would be to look at webpack?

    • Like 4

    AMPhtml WTF?

    in Banner Animation

    Posted

    18 hours ago, somnamblst said:

    Am I being rude when I say I am not impressed by any of the examples, or components. 

     

    No, I think it is fair to say.

     

    What would be really helpful is if you could try and re-create some of your best Ad examples as AMP Ads and document the results and difficulties in doing so.

     

    I can imagine a large portion of the great examples shown in the Inspiration thread, would not be able to be made as AMP : 

     

    The more we're able to document the issues with building great AMP Ads, the more we would be able to get better features supported in AMP.

     

    • Like 2

    AMPhtml WTF?

    in Banner Animation

    Posted

    15 hours ago, Vamsee Jasti said:

    We are organizing an ad developer workshop in NYC on Mar 20th to get as much developer feedback as possible. If you'd like provide feedback, feel free to reach out to me (jasti@) or the #a4a-discuss channel on the AMP slack channel. (Details above).

     

    1

     

    Would you be able to add a Live Stream for this workshop for those of us not able to make it to NYC? As a lot of us are freelancers and wouldn't have an agency contact.

    • Like 1
    • Thanks 1

    AMPhtml WTF?

    in Banner Animation

    Posted

    Just now, GreenSock said:

    It looks like people need an invite to join that Slack channel, right? 

     

    oh Slack signup is here: https://docs.google.com/forms/d/e/1FAIpQLSd83J2IZA6cdR6jPwABGsJE8YL4pkypAbKMGgUZZriU7Qu6Tg/viewform?fbzx=4406980310789882877

     

     

    3 minutes ago, GreenSock said:

    I can't imagine why they wouldn't whitelist GSAP since it's already the only robust animation library that's whitelisted on every major ad network including Google's. Are you familiar with any push-back being offered in that regard? 

     

     

    That's the thing why that doesn't make sense, GSAP is already whitelisted and already on a number of ad network CDNs, so it shouldn't really make a difference. If Adobe Animate are creating the an amp-adobe-animate component, then wouldn't they be using Create.js as that is what Animate files use to run their animations? Create.js is also whitelisted by Google Ad CDN, so then why wouldn't GSAP be allowed as well?

     

    I feel like there isn't enough voices telling the people moving this forward what they actually want. And as @explorerzip says, a lot of the conversations that probably happen will be with managers and business types rather than developers and animators.

     

     

    AMPhtml WTF?

    in Banner Animation

    Posted

    On 2/22/2019 at 9:34 PM, somnamblst said:

    Google Serves 11X More AMPHTML Ads Compared to Last Year

     

    Yea, I read this recently as well, and feel like it's a crock-of-$h!t. It's likely if they gave you a cross section of these ads, they would mostly be GWD templates or templates that you can build straight from DV360. Most of these are bland, static and make brands look the same as each other, which is fine for a large percentage of advertisers. But I'm sure, like me most of you are working with brands who really want to show off something creative and new, and a template that anyone can use would be out of the question.

     

    I did see that they've got AirBnb's Bodymoving Player as a component for AMP now.

    https://ampbyexample.com/components/amp-bodymovin-animation/

     

    I wonder if it were possible for a GSAP component to be built as well?

     

    The only whitelisted animation component currently is:

    https://www.ampproject.org/docs/reference/components/amp-animation

     

    Which uses the Web Animations API, I haven't used it but I've not really seen much traction with WAAPI apart from some posts on Twitter.

     

    On 3/1/2019 at 2:56 PM, explorerzip said:

    Not quite sure where you got the idea that Google was not allowing JavaScript in banner ads because the AMP itself is a JS library. A move by Google to disable all other third-party JS libraries would have huge ramifications for libs like our beloved @GreenSock, Create, etc. 

     

    I get the concern that it could be a move by the Googs to lock people into DoubleClick / GWD, but we'll have to see what happens. That being said, I get the rationale for wanting to move development forward by increasing performance / load times of ads.

     

    I'd rather not wait to see what happens but join the conversation and direct them down a path that is more suitable.

     

    As I understand it, AMP-Ads are not allowing arbitrary JavaScript to run which would mean a subset of animation properties using GSAP (ala TweenNano) would be perfectly valid if it could be verified as safe before being served.

     

    If you have the time, please join the AMP Slack Group: https://amphtml.slack.com (Sign Up form: https://docs.google.com/forms/d/e/1FAIpQLSd83J2IZA6cdR6jPwABGsJE8YL4pkypAbKMGgUZZriU7Qu6Tg/viewform?fbzx=4406980310789882877) and join the #a4a-discuss channel and voice your concerns. (And support for a AMP-GSAP component)!

     

     

     

     

     

    • Like 1

    Amp Ads with greenshock

    in Banner Animation

    Posted

    23 hours ago, erik said:

    I just want to mention that if you're looking to create AMPHTML banners, TweenUI now supports exporting amp ads. So there's actually a way to use Greensock to build amp ads - since TweenUI itself is built on GSAP :) (but the amp banners do not have any GSAP in them).

     

    Nice that could come in super useful.

    Are you seeing a big rise in AMPHTML banner usage? I still feel like AMP uptake is pretty low and only really gotten traction with much larger publishers/organisations.

    GWD, DV360, GMP and you

    in Banner Animation

    Posted

    Yea, you might be right and it is just a marketing effort, I feel like there has been definitely a push and promotion of GWD as the recommended tool when authoring banners for Google platforms, during their recent efforts in GMP launch days etc.

    • Like 2
1
2
3
...
9
Page 1 of 9  
×
×
  • Create New...