Dipscom last won the day on January 12

Dipscom had the most liked content!

Dipscom

Moderators
  • Content count

    899
  • Joined

  • Last visited

  • Days Won

    31

Dipscom last won the day on January 12

Dipscom had the most liked content!

Community Reputation

1,361 Superhero

About Dipscom

  • Rank
    Advanced Member

Profile Information

  • Gender
    Not Telling
  • Location
    London

Recent Profile Visitors

5,858 profile views
  1. I have never worked with cluep so, can't comment on their side of the equation. When a adserver comes back saying 'the ad is not working' I always press them to know what exactly is not working because it could be N number of things. Don't know if you have come across the following, it could be of use: https://www.iab.com/guidelines/mobile-rich-media-ad-interface-definitions-mraid/ As two your last two questions. I am sorry, I can't help you there. I just don't know. In my personal experience, that end of the setup has always been dealt with by the adServer. All I had to do is write simple bug-free animation and adhere to the adServer's API.
  2. Then, try to make sure there's a keyframe when you have code referencing the element - Again, this is from 'The Flash Days' and see if that helps. To be honest, I don't see how it would be relevant as the end result is a HTML page with CSS and JS so, 'instance names' don't really exist but... Who knows.
  3. I haven't touched Adobe Animate CC in like, years... So, take all that I say with a shovelful of salt. All of this is based on my days with Flash. You have code referring to elements whose keyframes do not exist at the same point in time as the code itself. Eg. Image01 is being told to move in frame 3. I, personally, would have all the assets and the relevant code in the same frame and, as @Oliver16Years suggested, have a timeline controlling the timing and delays of it.
  4. First question to answer would be: Who's the ad server? They all have small quirks and rules to follow.
  5. I am afraid a survey of users disagree with you. https://www.nngroup.com/articles/most-hated-advertising-techniques/ Just think of the user experience. User: "I'm interested in this article, let's read it." Page: "Hang on! Before you can read it, here's something else you need to read first - Not an Option - and then you will have to interact with it. Either to dismiss or to agree." User: "Really? Not fun." Ah, but there's where the crux of the question is. How do you know what is valuable and relevant to each visitor on your page? You can't know. No matter how much the industry goes on about retargeting and personalising, currently it's not hitting the mark.
  6. Very good initiative Gedas. May it be very successful. Sharing is caring and usually pushes one's career further. If I may make only one comment is: Upon visiting your site I was served a modal offering to subscribe to your newsletter. Modals are hated universally. Offer the subscription on the side. Don't cover the content, don't force the user to have to interact with, what effectively is an ad, prior to reaching the content one is interested. Ads, should be a secondary item in the site. They should be discreet enough to not jar the user's attention but be inviting at the same time. ps: I have just visited your site just now again and did not see the modal. If you removed it, brilliant.
  7. Yeah, makes sense yet, at the same time, I'm also confused why it didn't trigger on the other one. In any case, I've changed the code a bit and it's a lot more efficient now. It should be fine for now. Thanks boss!
  8. @aleh, I've made some changes and now the video and timeline plays smoothly for me. Safari, unfortunately does not play ball completely. It seems to hang a bit too long before rendering the new frame when it's repeating but there's not much I can do to improve it. Now, there's plenty more to this that could be done. Like, match the timeline when the user seeks to another time in the video, when pause and so on. I might add all of that and might even try to add the visibility API into it at some point but don't hold your breath for it as it might take a while. And as for the scroll and different tab options well, it's a ton of other work for all of that to taken in consideration.
  9. It's gone totally off-topic now but I do want to get my hands (fingers?) dirty with it. But wait... I have to master ThreeJS, React, WebPack, SVG, GSAP, PIXI.js, PaperJS, ServiceWorkers, IndexDB, VUE, first. And answer enough questions in a cool manner here to I can stay in the leaderboard.... Oh my. Better drop my job, claim benefits to eat if I am to have the time for all of this.
  10. Hello @Care-advisors, welcome to the forums! Just to clarify for prospective applicants: Is this a permanent role? A contract? Are you looking for someone local or remote? If local, where would that be? Many thanks! ps: I know you have tagged it 'freelance' and 'contract' but it would make it much clearer to state it in your post. I only saw it when I was reviewing my own reply to you
  11. Hey @kvnmcwebn! I think you are overcomplicating things here. There's a simple way around it with minimal code. Try changing the following: From this: <div id="head" style=" margin-bottom:-100px; z-index: 9999; top:50; left: 100; "> <h1 style="color: #ffffff;"> Some Text Here<h1> </div> <svg>...</svg> To this: <svg>...</svg> <div id="head" style="top:50px; left: 100px; position:absolute"> <h1 style="color: #ffffff;">Some Text Here<h1> </div> The browser reads and parses the code from top to bottom so, if you want to have something sitting on top of something else, you should always first have the relevant code doing so. There's no need to have z-index involved if you can get the same result by just altering the order of you HTML. And since you are making things responsive, I would also recommend wrapping those two elements in another tag and having its position set as relative. That is because absolutely and fixed positioned elements are always aligned to the first parent element with a position:relative which, might not always produce the desired effects if you do not set one yourself. <div style="position:relative"> <svg>...</svg> <div id="head" style="top:5%; left:10%; position:absolute"> <h1 style="color: #ffffff;">Some Text Here<h1> </div> </div> Note that I have changed the top and left to percentages. And that you forgot to add the unit (px) in your original code. I've also seen that you are trying to tween a boolean value somewhere in your code as you have the following error in the console: 'invalid randomize tween value: true'. You might want to check that out. Other than that, good job, this project of yours is shaping up quite nicely. Happy Tweening!
  12. WebAssembly will not take over the web. It will not 'overtake javascript'. It is meant to solve a different problem. It will be a complementary language to be used alongside, like WebGL. I personally think someone will end up creating a framework so that one can write in JavaScript and be compiled into WebAssembly. I'd put a bet on that. Just look around and see how many people write raw WebGL and how many use a framework to do so... There you go @rgfx, you now know why there's so many frameworks out there. Because some people are lazy, most people want ease-to-use tools and a tiny minority are OCD geniuses who can write those frameworks.
  13. Banner visibility because of scroll is a completely different kettle of fish. Even RaF does not take that into consideration. You can either write a bunch of code to try and detect if your banner is above the fold or not or use (if available) whatever method the ad-platform offers. So, yes, the Page Visibility API is only to check if the browser window is on focus or not.
  14. I haven't but that's a good suggestion. I'll add that in when working on it again. Thanks Blake!
  15. Now you know why there isn't a river of options when it comes to video and animation playing in sync. Don't know if you read the new comments in the updated code but video does not slow down/stops when the window you have it goes out of focus. Only RequestAnimationFrame powered animations do. That's why we're checking at every frame in the animation and matching its time to the video time. But still, there are problems with it. There's a horrible max call stack error in Safari and there's some jerkiness in Firefox. It only plays smooth in Chrome and Opera and even there, as you might have noticed, it doesn't quite loop right. I'm a bit too busy in the next few days but I will come back to this to try and fix it. Unless, of course, someone else sweeps down and shows us a 100% safe solution.