How to make agency-level HTML banner ads

I've done a ton of Flash banner ads at agency-level over the years, but I'm trying to figure out how to create html banners now, in addition.
Here are the HTML Ad Spec requirements:
- HTML code cannot exceed 3k
- 2 images maximum, total file size of images cannot exceed 20k
In Flash, I've used these extensions to publish and am finding it's difficult to meet the required specs by the ad hosts:
1. CreateJS  (creates a small html file (3k or less), but requires to be linked to js files which are double what my swf would be)
2. Swiffy   (puts out just one nice simple html file, but it's almost triple the size of my swf, coming in at 86kb)
I've also used:
Edge Animate (creates a html file, but also links to js files that are over double what my swf would be).
Either my animations have to become way less complex or I'm missing something in this new world of html animated ads.  It seems there's little findable information on how to make html banners at the agency-level.
Can anyone educate me or point me in the right direction?

The easy answer is those libraries are full of functionality "you might use". Those libraries are not built like libs such as Modernizr where you can select the exact functionality you need to reduce the library size.
You're left with two options from there, neither are really ideal.
1) You can hand code the JavaScript you require. Libraries help by providing extensive functionality beyond your absolute needs as well as cross-platform tweaks so your results are expectedly similar in all browsers. By writing your own code (plus required tweaks) you can drastically reduce the JavaScript size (amongst minification and gzip). That puts all the hard work on you which may not even be possible or feasible in your projects timeline.
2) You can rely on newer HTML5 elements like Canvas, CSS3 and code from option #1. There are many effects in your example (directional blur, rotation, etc) that aren't easy to pull off but with the help of something like Canvas you can at least reduce the amount of JavaScript required. Think of it like a BitmapData object you can update at high speed that's mobile friendly. That aside, not all desktops users are guaranteed to support it and here comes the fallback bloated code.
Your ads compatibility requirements will guide you on either path. I'd probably opt to look forward with basic fallback (to a static image) and go route #2 with Canvas. If so, here's one of many tutorials/blogs that can get you started:
http://creativejs.com/2011/08/31-days-of-canvas-tutorials/

Similar Messages

  • How to make top level navigation not refresh

    Hello Guys,
    I have a question concerning on my External Facing Portal, my boss wants that when I click on a tab or a link in the Top Level Navigation , to load the content in the Content Area without refreshing the whole page, What I want is that when I click on a tab or link of the Top Level Navigation , the Top Level Navigation and the MasterHead not to refresh and that the content be loaded and refreshed only in the Content Area. The only way I know to do this is by making a frameset of my page and to make the masterhead and toplevel navigation a frame and the detalied navigation a frame and the content area a frame, and in the links to put the target property to the name of the content area frame, but I don't know if this is possible to do in the portal, I see that all is embedded and I don't know how to make a frameset like this in the portal.
    Any highlights to solve this will sure be appreciated.
    Thanks
    Rewarding points will be given.
    Luis

    Hi,
       When you are implementing External Facing Portal, i think you have used Light Framework Page.  In Light Framework Page, only one Framework has been used, so when you click on the top level navigation, the whole page will get refresh, so there is no otherway as of my knowledge.  If you use standard framework page in portal, it is possible to do (i.e. the content area only get refresh)  and the concept of your External Facing Portal is eliminated here.
    Regards,
    Venkatesh. K
    /* Points are Welcome */

  • How to make a VR html file autoplay via the Web Content overlay

    Hello,
    We have created a VR using Object2VR and have loaded the .html file via the Web Content Overlay panel in InDesign CS5.5.
    We want this VR to play automatically on page load, so we have checked the box 'aut play' in the Web Content overlay panel, but it won't play automatically.
    We've tried switching the auto play off in Object 2VR and switching it on in the Web Content overlay and vice versa and also with both on, but still we cannot get it to autoplay.
    Any suggestions? Is this a bug?
    thanks,
    AG

    DPS is no longer supported in 5.5 you need Indesign 6 or Creative Cloud.
    Set you auto play delay for the web overlay to something other than zero seconds, 0.125 works, if it is set to zero seconds. Leave the auto play enabled for the VR.

  • How to make the Level of Effort task visible in the Gantt Chart?

    Hi,
    I am facing an issue when trying to add a level of effort task. The bar of the task is simply not visible in the Gantt Chart.
    I take the following steps:
    - Add new task
    - Link task to predecessor milestone and successor milestone
    - Change task from activiy type to level of effort
    I can see the task being added in the Gantt Chart, the name of the task is visible, the duration of the task is calculated, but I do not see the green bar..
    What could be the problem? Can anybody help me with this issue? Thanks!

    Go to View .. Bars... and enable the bar for Level of Effort activities. If it's not there, create one.

  • How to make WebView Render Html select elements as ComboBox rather than ChoiceBox

    I have a dropdown of country names. The problem is whatever value is selected the dropdown always starts from top of the list, as webview is creating choceboxes for selects. I want to display ComboBox instead.
    How can I accomplish this?

    Also, did you ever think to use the "Preview" button?
    Do you expect anybody to look at that mess of code?

  • How I make to open html window pop-up over other opened pop-up ??

    Hi
    I need open many html window pop-up OVER other windows html pop-up.
    I made a javascript function, but it only open one window pop up.
    function NewWindow(mypage,myname,w,h,scroll,pos){
         if(pos=="random"){
              LeftPosition=(screen.width)?Math.floor(Math.random()*(screen.width-w)):100;
              TopPosition=(screen.height)?Math.floor(Math.random()*((screen.height-h)-75)):100;
         if(pos=="center"){
              LeftPosition=(screen.width)?(screen.width-w)/2:100;
              TopPosition=(screen.height)?(screen.height-h)/2:100;
         }else if((pos!="center" && pos!="random") || pos==null){
              LeftPosition=0;
              TopPosition=20
         settings='width='+w+',height='+h+',top='+TopPosition+',left='+LeftPosition+',scrollbars='+scroll+',location=no,directories=no,status=no,menubar=no,toolbar=no,resizable=no';
         window.open(mypage,myname,settings);
    What I have to do..to open one over one ??? And this haven't limits...on cascate.
    Sorry my mistakes, because I'm still learnning english language.

    "I made a javascript function, but it only open one window pop up"
    If you use the same name then the browser will not open a new window but just re-use the previously opened window. You will either have to not use a name or use a different name for each pop up.
    To get the new window to be on top get the handle to the new window and assign it the focus
    var win = window.open(mypage,myname,settings);
    win.focus();

  • How to make it work in HTML?

    The project run very well in Chrome, firefox and IE after published. (Stand alone)
    http://www.ctmotorfairing.com/Test/index.html
    However, after I integrated it in my existing HTML, in IE and firefox can't display any more. (Chrome is Perfect)
    http://www.ctmotorfairing.com/Test/index3.html
    Anyone can teach me how to make it correct integrated into my HTML position?

    Ling,
    In plugin, Clients IE setting is used. But In HTML , its used server’s IE setting.
    Check if you are able to open URL from server or not.
    Regards,

  • How to make html file on server side from the data entered in text area

    Hi!
    I want to know how to make .html file on server side. Like if i enter the data in text area ( or like we normaly see when we write mail that editor) and we can use html tages in it and when user submit form all the data in that field will be saved on server side as an html formate. Is it possible to do so??? or any ruff idea how to design it???

    Erm ...
    Whats the problem with that?!
    Ok, here the code ...
    String myparameter = request.getParameter("paramname");
    String htmltemplate = "<html>\n"
                         +"<head><title>demo</title></head>\n";
                         +"<body>@parametertag@</body>\n";
                         +"<html>";
    String htmlpage = htmltemplate.replaceAll("@parametertag@",myparameter);
    File yourHTMLfile = new File("wheredoyouwannagotoday.html");
    FileOutputStream fos = new FileOutputStream(yourHTMLfile);
    fos.write(htmlpage.getBytes());
    fos.close();You're done.
    Happy Coding! :-) &copy;

  • How to make authorization to different planning level on one planning area?

    now the situation is one planning area call one global company, under that we create several planning level for serveral sub-company. The authorization should that one sub-comp. only can display, change his planning level, and can not display any other sub-comp. So, in this case how to make authorization? Thanks!

    I didn't create an authorization variable on sub-comp. pls, let me know how to create an authorization variable on sub-comp, and the info for the next steps. thanks!

  • How to Make a Multi-Level Game in Flash 5

    I'm wanting to know, "How to Make a Multi-Level game with
    Flash 5"? EX: If I were to make a space game, where after reaching
    a score of 2000 points, the game pauses and displays the text
    "Stage 2", then continues or provides a button to make the game
    continue starting on stage 2. Any help with this question is
    grately appreciated.
    coolburn

    coolburn wrote:
    > I'm wanting to know, "How to Make a Multi-Level game
    with Flash 5"? EX: If I
    > were to make a space game, where after reaching a score
    of 2000 points, the
    > game pauses and displays the text "Stage 2", then
    continues or provides a
    > button to make the game continue starting on stage 2.
    Any help with this
    > question is grately appreciated.
    >
    > coolburn
    First off.. Flash 5 is like.. Ancient. Dude. Seriously, thats
    more than
    3 versions ago, and there have been major major changes
    since.
    However, I'll give it a try..
    First off, there has to be some kind of an event that kicks
    it off. I
    would build something into the score system that would
    trigger this.
    For example.
    function updateScore():Void {
    _root.stage.scoreboard.text = myNewScore;
    if (myNewScore > 2000) {
    jumpToNextLevel();
    So, somewhere in your game a variable keeps the score.. if
    your game
    runs the updateScore function once in a while, if it hits
    more than
    2000, it triggers a new function called jumpToNextLevel.
    In the jumpToNextLevel, you would have to do more functions
    like
    pauseTheGame(), and such..
    In general.. break it down to small pieces of what you want
    to do. Each
    function would do a series of things.. Then when your going
    though your
    game, you call each function as needed.
    Hope this helps
    -Bill

  • How to make "Levels" in simple java game

    I just wanted to know if anybody knew how to make "Levels" in a java game. In my case, it is to change two polygons that are used in the background. I think you have to use an array of some kind, but i dont really know.
    Here is my source, the polygons are by the massive ///////// areas.
    I cut out the majority of the program, because it was too long.
    public class collision extends Applet implements MouseListener,MouseMotionListener
        private  Image rickImage,mazeImage;
       Image Buffer;
       Graphics gBuffer;
       int x, y;
       int[] LeftWallX = {0,204,204,149,149,162,162,243,260,235,259,232,260,230,207,207,0};
       int[] LeftWallY = {500,499,402,402,341,324,227,191,157,141,135,123,116,109,86,1,1};
       //int[] PlayAreaX = {204,204,149,149,162,162,243,260,235,259,232,260,230,207,207,263,263,245,282,262,274,257,273,250,184,184,170,170,208,216,216};
      // int[] PlayAreaY = {499,402,402,341,324,227,191,157,141,135,123,116,109,86,1,1,86,103,115,129,138,147,155,201,230,323,340,384,384,402,499};
       int[] RightWallX = {500,500,263,263,245,282,262,274,257,273,250,184,184,170,170,208,216,216};
       int[] RightWallY = {500,0,1,86,103,115,129,138,147,155,201,230,323,340,384,384,402,499};
       boolean mouseInside, collide;
       boolean rolled = false;
       boolean msg = true;
       int sX=204,sY=490,sW=12,sH=9;
       //Declare the rectangles
       Rectangle  movingRect,finshBloc,startBloc,oopsBloc;
       //Declare the polygons
       Polygon leftWall,playerArea,rightWall;
            ///Initiate
            public void init()
                 rickImage = getImage(getDocumentBase(), "rick.jpg");
                 mazeImage = getImage(getDocumentBase(), "maze1.jpg");
                 collide=false;
                 Buffer=createImage(getSize().width,getSize().height);
                 gBuffer=Buffer.getGraphics();
                 rightWall=new Polygon(RightWallX,RightWallY,18);
                 playerArea= new Polygon(PlayAreaX,PlayAreaY,31);
                 leftWall= new Polygon(LeftWallX,LeftWallY,17);
            public void paint(Graphics g)
                 drawStuff();
                 g.drawImage (Buffer,0,0, this);
    */

    I'm not exactly sure in your case what you are trying to accomplish. If all you want to do is make new polygons for your levels then you will simply need a Vector of type level (or polygon). Store multiple levels/polygons in that vector. This can be done many ways, probably the most efficient way would be to create a class Level of sorts and create each level object from there. This way you have all your levels stored into that vector.
    I have made programs where the levels/mazes are randomly generated based on certain parameters (this way you would not need to define any specific level). This can be done inside the Level class and added to the vector so that when a level is randomly generated there are literally infinite possibilities. I would suggest posting all your code or at least a breakdown UML diagram of what is going on in your entire program.

  • How to make audio of many clips the same level?

    I have a sequence containing many interview clips which all seem to be at different sound levels. Is there any easy way to make all of these the same level? The only way I know how to adjust the level is using the volume level control under audio effects for a particular clip.
    Also i'm wondering whether there is a way to filter out background noise?
    Many Thanks

    If the mic was a different distance etc then you'll never be able to make them all sound exactly the same tone.  But For the background noise I'd really recommend the effects inside premiere I've already mentioned I have found that 90 percent of the time I don't ever need to use audition for interview type edits. I'm able to get by using a denioser and highpass to remove "most background" noises. However I don't film outside very often most of my background noise problems are usaully from too much gain or AC noise. So your scenario might be different than mine for this reason.
    The benifit of the compressor is that it can make your audio stay exactly within whatever range you want without having to keyframe stuff. With the clips you have desribed you'll want to use a different dynamics filter for each group. So put each group on it's own audio track. So group one that you have desribed would go on track 1 since all those clips have similar range etc. Basically with group 1 I wouldn't compress it at all. I'd leave it alone except for lowering it's audio by -2 on the audio track 1. That way all the clips in the first group will be lowered by 2db if you put them all on track 1. You won't have to worry about it's slightly too high peaks as long as you set a dynamics effect with nothing enabled on it besides the limiter on the master track and have the limiter set to -6 since you said that's what you need your max peak to be. If you do this then everything in group one will be handled as far as levels go. (as far as db goes anyways) However if you want to have other things in the project to be higher than -6 then just simply put the -6 limiter turned on track 1 then instead of the master track.
    Then for the second group I wouldn't touch them at all I'd put them on track 2 and just let the limter on the master track keep it's peaks from going to high since it's basically already where you want it. Then if the clips have a hissing noise or something you can add a denoiser and set the reduction to -10 and adjust from there.
    Then for your final set you are desribing -22 to -12 for these I'd put them on track 3 and use a dynamics filter and keep everything disabled except for the compressor itself. For this I'd start with my ratio at 2 and put my threshold at -20 and set my makeup gain at 9 or so. Then from there if it looks like it's way to loud then try lowering the gain and if it looks like its lows are too quite then add the gain back but if it appears to be to loud then simply raise your ratio or lower the threeshold a bit. But I think the settings I have listed will get your to your desired range.
    For the clips that are hitting -0 a lot if they are distorting then you really can't fix distortion but if they are hitting 0 and aren't distorting then you can just simply lower the volume for these you don't need to add any gain since they are already too loud anyways so if you just lower them by like -6 it should get them right within the range you mentioned.
    As far as background noise such as hissing you'll really want to just use Premiere's denoiser effect. Start off by setting the reduction to like -10 and adjust from there. Then for cars passing etc try out a highpass filter and set it to 120 to start and move up there if needed. It will take the bass out of the peoples voices but it won't sound bad unless you start going over 160-170 range it also depends on if the person has a deep voice to begin with or not too though.

  • How to make html file from a text field data

    hi!
    I want to know how to make a file with .html extension and the data in this file should be from a text field. like i want to enter some thing in a text area and have to place it in a file on server side in html formate.

    so you told us what you want, but what is your question?

  • How to make Business Area as the reqd file on the Account Assignment level

    How to make Business Area field as the required field  on the Account Assignment level?
    Thanks!
    Mrudula Patel

    You will have to be a little more specific about account assignment. Not sure what kind of document you are concerned about.
    For G/L accounts, the account assignment (Field Statu groups) is done in customizing under SPRO -> Finacial accounting -> Document -> Line Item -> Maintain Field Status Variant. The settings for the fields to be displayed can be maintained here.
    You need to know the field status variant used for the account. This can be found in transaction FS00 under the create/bank/interest tab. You can also reach the maintenance transaction for the variant by double clicking on it.
    Hope that helps!
    Rishi

  • How to make Default the Higher-Level Manager of the employee

    Dear experts,
    how to make Default the Higher-Level Manager of the employee as Further Participant in performance management ?
    Regards,
    TVS

    Hi,
    The delivered BAdI below defaults in both the appraiser and appraisee as part-appraisers//Default Further Participants.
    BAdI Area: Appraisal Enhancements
    BAdI Definition: HRHAP00_DOC_DEF_DO (Appraisal - Default Further Participants)
    App. Enhn.: DEFAULT_ALL_MANAGERS     
    Implementation: HRTMC_DEF_OTHERS
    Implementation short text: Determine All Managers
    Implement this BADI  in SE18/SE19 and  write the desired code in the  BADI methods
    Hope this will help u out.....
    Regards
    Lakhan

Maybe you are looking for

  • Interface builder, running script when app opens

    Hi! I am trying to expand my wake script, so I have thrown it into xcode. What my wake script does is that it opens itunes and start to slowly turn up the volume, then it updates my ipod and does a few other things. Now this works great in script edi

  • UPN & Manager Attribute in Azure AD

    We are trying to sync on premise users & groups to Azure AD with default domain. Currently UPN value in azure AD is populated as mail nick name and manger attribute of each person object in azure AD is null value. We used default options in Azure syn

  • When opening a new tab from the bookmark it opens in a section of the screen

    sometimes I open bookmark link from the favourites, it happens regularly that those do not open in a new tab or window but in a portion of the screen, as if I pressed Ctrl B and opened it in there in the bookmark. Your prompt reply is much appreciate

  • CUCM 6.1 DirSync

    What happens to the CUCM built in Corp Directory when DirSync is enabled? Does it just remain stored in CUCM in a locked state or whatever with the data that it contained at the time DirSync is enabled? If I enable DirSync as a test to see the result

  • What about screen protectors?

    Has anyone had any experience with Macalley (or other) screen protectors, negative or positive? I purchase some and found there is a small strip of adhesive on the protector to stick onto the screen. I assume the adhesive won't leave a mark when I ta