Web Dizajner

Members
  • Content count

    116
  • Joined

  • Last visited

Community Reputation

61 Contributor

About Web Dizajner

  • Rank
    Advanced Member

Contact Methods

Profile Information

  • Gender
    Not Telling

Recent Profile Visitors

2,684 profile views
  1. Web Dizajner

    GSAP link

    I know, it is not problem for me
  2. Web Dizajner

    GSAP link

    It is not possible to select and copy full link.
  3. Web Dizajner

    Sizmek Test Request

    You have twice </body> in code
  4. Resizing & Positioning imported file? Not possible? Immediately, I closed application 1. How to resize imported file - e.g. I want to resize imported retina double-sized file. 2. How to position imported file - e.g. I want to be exactly top: 23px and left: 69px.
  5. Web Dizajner

    Text Plugins Using Adobe Animate

    Use animate dom_overlay_container div for TextPlugin, ScrambleTextPlugin, SplitText... example of code in actions var txt1 = document.createElement("p"); var node1 = document.createTextNode("This is the old text"); txt1.appendChild(node1); txt1.setAttribute("id", "p1"); var element = document.getElementById("dom_overlay_container"); element.appendChild(txt1); TweenLite.to("#p1", 2, {text:"This is the new text"});
  6. Web Dizajner

    ClickTag click count doubles only on mobile devices?

    Just export default template and change few things. In HEAD For both AdWords and DoubleClick add ad.size meta tag: <meta name="ad.size" content="width=$WT,height=$HT"> Clear line for default hosted CreateJS library in default template: $CREATEJS_LIBRARY_SCRIPTS and add Google hosted CreateJS and TweenMax (if you need) libraries: <script src="https://s0.2mdn.net/ads/studio/cached_libs/createjs_2015.11.26_54e1c3722102182bb133912ad4442e19_min.js"></script> <script src="https://s0.2mdn.net/ads/studio/cached_libs/tweenmax_1.18.0_499ba64a23378545748ff12d372e59e9_min.js"></script> You can add viewport meta tag for better preview on mobile: <meta name="viewport" content="width=device-width, initial-scale=1"> For DoubleClick (Do not use for AdWords !!! , AdWords add own ClickTag on upload) add default ClickTag in head: <script>var clickTag = "https://www.example.com"</script> In BODY For DoubleClick (Do not use for AdWords !!! , AdWords add own click event on upload) add click event on top div (<div id="$ANIM_CONTAINER_ID">): onclick="window.open(window.clickTag) For both AdWords and DoubleClick you can change cursor to point with style on top div (<div id="$ANIM_CONTAINER_ID">): cursor:pointer At the end you can clear all comments in template.
  7. Web Dizajner

    ClickTag click count doubles only on mobile devices?

    AdWords <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>$TITLE</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="ad.size" content="width=$WT,height=$HT"> <script src="https://s0.2mdn.net/ads/studio/cached_libs/createjs_2015.11.26_54e1c3722102182bb133912ad4442e19_min.js"></script> <script src="https://s0.2mdn.net/ads/studio/cached_libs/tweenmax_1.18.0_499ba64a23378545748ff12d372e59e9_min.js"></script> $CENTER_STYLE $ANIMATE_CC_SCRIPTS $SCRIPT_START var canvas, stage, exportRoot, anim_container, dom_overlay_container, fnStartAnimation; function init() { canvas = document.getElementById("$CANVAS_ID"); anim_container = document.getElementById("$ANIM_CONTAINER_ID"); dom_overlay_container = document.getElementById("dom_overlay_container"); $CREATE_LOADER $LOAD_MANIFEST $PRELOAD_ASSETS } $HANDLE_FILE_LOAD_START $HANDLE_FILE_LOAD_BODY $HANDLE_FILE_LOAD_END $HANDLE_COMPLETE_START $CREATE_STAGE $START_ANIMATION $RESP_HIDPI $HANDLE_COMPLETE_END $PLAYSOUND $SCRIPT_END </head> <body onload="init();" style="margin:0px;"> <div id="$ANIM_CONTAINER_ID" style="background-color:$BG; width:$WTpx; height:$HTpx; cursor:pointer;"> <canvas id="$CANVAS_ID" width="$WT" height="$HT" style="position: absolute; display: $CANVAS_DISP; background-color:$BG;"></canvas> <div id="dom_overlay_container" style="pointer-events:none; overflow:hidden; width:$WTpx; height:$HTpx; position: absolute; left: 0px; top: 0px; display: $CANVAS_DISP;"> </div> </div> $PRELOADER_DIV </body> </html>
  8. Web Dizajner

    ClickTag click count doubles only on mobile devices?

    Don't use outdated templates Use this template for DoubleClick <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>$TITLE</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="ad.size" content="width=$WT,height=$HT"> <script src="https://s0.2mdn.net/ads/studio/cached_libs/createjs_2015.11.26_54e1c3722102182bb133912ad4442e19_min.js"></script> <script src="https://s0.2mdn.net/ads/studio/cached_libs/tweenmax_1.18.0_499ba64a23378545748ff12d372e59e9_min.js"></script> <script>var clickTag = "https://www.example.com"</script> $CENTER_STYLE $ANIMATE_CC_SCRIPTS $SCRIPT_START var canvas, stage, exportRoot, anim_container, dom_overlay_container, fnStartAnimation; function init() { canvas = document.getElementById("$CANVAS_ID"); anim_container = document.getElementById("$ANIM_CONTAINER_ID"); dom_overlay_container = document.getElementById("dom_overlay_container"); $CREATE_LOADER $LOAD_MANIFEST $PRELOAD_ASSETS } $HANDLE_FILE_LOAD_START $HANDLE_FILE_LOAD_BODY $HANDLE_FILE_LOAD_END $HANDLE_COMPLETE_START $CREATE_STAGE $START_ANIMATION $RESP_HIDPI $HANDLE_COMPLETE_END $PLAYSOUND $SCRIPT_END </head> <body onload="init();" style="margin:0px;"> <div id="$ANIM_CONTAINER_ID" onclick="window.open(window.clickTag)" style="background-color:$BG; width:$WTpx; height:$HTpx; cursor:pointer;"> <canvas id="$CANVAS_ID" width="$WT" height="$HT" style="position: absolute; display: $CANVAS_DISP; background-color:$BG;"></canvas> <div id="dom_overlay_container" style="pointer-events:none; overflow:hidden; width:$WTpx; height:$HTpx; position: absolute; left: 0px; top: 0px; display: $CANVAS_DISP;"> </div> </div> $PRELOADER_DIV </body> </html>
  9. Web Dizajner

    Google will no longer support HTML5 ads with clickability!

    Google-hosted Greensock (files should work regardless of version)
  10. Web Dizajner

    Google will no longer support HTML5 ads with clickability!

    Yes, ExitApi is removed for non-GWD tools. Dont worry for GSAP and CreateJS, there are no change.
  11. Web Dizajner

    Google doesn't allow longer than 30 seconds?

    L E A N (Light, Encrypted, Ad choice supported, Non-invasive ads) No LEAN = Rise of ad blockers = Web without banners
  12. Web Dizajner

    IAB New Standard

    For flexible scalable GSAP banners can work this code: <script> function makeResponsive(isResp, respDim, isScale, scaleType) { var lastW, lastH, lastS=1; window.addEventListener('resize', resizeStage); resizeStage(); function resizeStage() { // custom maximum dimensions var w = 450, h = 450; var iw = window.innerWidth, ih=window.innerHeight; var pRatio = window.devicePixelRatio || 1, xRatio=iw/w, yRatio=ih/h, sRatio=1; if(isResp) { if((respDim=='width'&&lastW==iw) || (respDim=='height'&&lastH==ih)) { sRatio = lastS; } else if(!isScale) { if(iw<w || ih<h) sRatio = Math.min(xRatio, yRatio); } else if(scaleType==1) { sRatio = Math.min(xRatio, yRatio); } else if(scaleType==2) { sRatio = Math.max(xRatio, yRatio); } } // custom wrapper div e.g. stage stage.style.transformOrigin = '0 0'; stage.style.transform = 'scale(' + (pRatio*sRatio) + ',' + (pRatio*sRatio) + ')'; } } makeResponsive(true,'both',false,2); </script>
  13. Web Dizajner

    GSAP TextPlugin for Animate cc 2017

    Maybe you can used it through actions panel on <div id='dom_overlay_container'></div> Just paste this code in actions panel: var div = document.getElementById('dom_overlay_container'); div.innerHTML += 'My Animated Text';
  14. Web Dizajner

    IAB New Standard

    What is the best solution for flexible scalable GSAP banners?
  15. Web Dizajner

    IAB New Standard

    As far as I understand... ... on example 1:1 vertical portrait in Edge Animate: Size: 300x300 Min-width: 300 Max-width: 450 Responsive Scaling: Width Images: HD retina support (all images are in double size) - enough for normal quality for 450x450 or Size: 450x450 Min-width: 300 Max-width: 450 Responsive Scaling: Width Images: HD retina support (all images are in double size) - enough for best quality for 450x450 1:1 vertical portait will be scalable from min 300x300 to max 450x450 depend of available space for banner on site.