Jump to content
Search Community

flysi3000

Members

  • Posts

    101

  • Joined

  • Last visited

 Content Type 

Everything posted by flysi3000

2
3
4
Page 3 of 5  
  1. flysi3000
    Hey guys, In a previous post, I asked about adding text to a banner that would be picked up by a screen reader, and got a great answer. The ad unit was given a once-over by some folks at the ADA, and they came back to us saying that we should have tabindex controls on any buttons in the banner as well. We have a play/pause, replay and the cta button that would need that attribute. My problem is, I built this particular unit in Animate CC, and don't know how to add tabindex to those elements. I saw that the 2dContext of the canvas element has a drawFocusIfNeeded() method, but how do I add that to my buttons? Also, can anyone confirm that the content of the banner, if it's being iframed in, will receive focus if the user keeps tabbing? Again, for the record, this is the first banner I've ever built that had all these strict ADA requirements, so I'm a little new at this. Thanks!
  2. flysi3000
    Yeah, that did it. Thanks so much - I got in that tunnel-vision mode that happens when everything is going smoothly, and then suddenly it isn't, and you find yourself spending an inordinate amount of time troubleshooting something that you know is supposed to be easy. (Or maybe that just happens to me...) Thanks again!
  3. flysi3000
    I know this has an exceedingly simple answer, so apologies in advance. I decided to try out Animate CC for a quickie banner campaign. I'm using Cory Hudson's awesome GSAP banner starter files (from the Greensock blog post) with AdHelper. Everything is great, except I have a play/pause toggle and every time I click on it, it fires the banner clickthrough. How do I make that not happen?
  4. flysi3000
    @joe_midi - sounds good to me, I'll run with that!
  5. flysi3000
    I would check your svg closing tags. A good way to check is view the ads in Firefox, and use "View Page Source" to look at the document. Any malformed tags will show up highlighted in red. Also, check out this forum post: http://greensock.com/forums/topic/14109-adwords-and-svg-dont-use-shorthand-tag-closing/ Apparently, if you're using <path ..../> vs <path ...></path> you'll have problems. Hope this helps.
  6. flysi3000
    We just got a request to add some accessibility features to a banner. One request is to add a pause button to the banner so that the user can start and stop it to make the copy more readable. The other is to add hidden off-screen text for screen readers. Has anyone ever had such a request? Of course, the pause button thing is easy, but I'm just wondering about the experience. And is there a recommended method for adding hidden text that is still detected by screen-readers? I know that using display: none; or visibility: hidden; will also remove it from screen readers - should I just use negative positioning? Any suggestions would be greatly appreciated.
  7. flysi3000
    In the time since this discussion started, I've finally figured out how to use Bannertime for a full banner campaign, and I love it. The great thing about it is that simply typing gulp prod at the Terminal will zip up all your banners, ready for deployment. It's super convenient.
  8. flysi3000
    One thing I've gotten dinged by in the past was invisible files that Mac OS creates (eg. .DS_Store). Also, I sometimes use CodeKit to automatically minify/compile/browser refresh, and it creates a bunch of hidden cache files as well - which is probably a good reason to switch to just using gulp or grunt for that stuff. Anyway, the validator site is handy for catching any hidden files that sneak into your .zip folder.
  9. flysi3000
    @joe_midi - I second @retropunk! I've been watching the project with great interest, and have also been playing around with recreating one of the existing ads I had hand-coded before, using bannertime, but I still feel like I'm missing something when it comes to the workflow. Looking forward to the gallery/fully fleshed-out docs!
  10. flysi3000
    Thanks Carl. Sorry for being unclear. Yup, that's what I was trying to get at: having to offset the x/y position after scaling the div, since it gets, in technical parlance, wonky. In the old Flash days, just making sure stuff was positioned at 0,0 went a long way towards solving these kinds of things.
  11. flysi3000
    Thanks for the response, Carl. When I use scale, it throws off the final x/y position that I want to tween the card to. Is there a better way to figure that out?
  12. flysi3000
    I'm gonna resurrect this thread a little here. I thought I had this figured out, but I'm trying the same thing with a bitmap image, and force3D:false isn't helping me at all. I'm wondering if it has to do with changing the image's position in x/y? Or the width? Any help would be much appreciated. Here's a pen: http://codepen.io/flysi3000/pen/pyojoP
  13. flysi3000
    Glad you got it working! FYI, it also works without the css:{...} declaration, in most cases.
  14. flysi3000
    Ah, okay. Thanks for the speedy reply!
  15. flysi3000
    Got the lovely task of updating some banners that a vendor created. I'm only supposed to be worrying about the visual layout of the end frame, but the clickTags are coded like so: <a href="<mpvc/>http://<mpck/>" target="_blank">LEARN MORE</a> What is that "<mpvc/>...<mpck/>" business? I'm guessing its for a specific vendor, but I've never seen it before. I know our QA is going to kick it back, so I want to be able to explain it. Thanks!
  16. flysi3000
    Hey - I was reading an article by Sara Soueidan about grouping and reusing SVGs, so I thought I'd try implementing that on an animation I had already completed. Here's the original, using individual <line> elements: http://codepen.io/flysi3000/pen/XmaqBQ The new version with a reused <symbol> is here: http://codepen.io/flysi3000/pen/YwKedE. As you can see, the svg lines aren't rendering as expected at all. Wondering what I'm doing wrong? SVGs are still kind of mysterious to me, so any help would be greatly appreciated!
  17. flysi3000
    Thanks @Diaco - I see that you tweaked the position of the svg in its style attribute, which is helpful. But now I'm wondering how come the cards snap back to (0, 0) at the end of the tween, rather than just staying at the positions that were set up in the css?
  18. flysi3000
    Hey guys - can anyone help me figure out why the objects that I'm tweening along a bezier curve are offset in this example? I'm sure I'm missing something obvious... http://codepen.io/flysi3000/pen/LpXXbL
  19. flysi3000
    Hey - just letting you guys know, I was at a meeting at DoubleClick this past Friday, and they are acutely aware of the need for a validation tool. In fact, their engineers are working on one, and they've said it was tentatively on their roadmap for Q1 2016. Fingers crossed.
  20. flysi3000
    Fantastic! Thanks for doing this. I haven't used task runners like gulp and grunt a whole lot, but I've started (sort of) using CodeKit while doing my banner production. How easy would it be to integrate something like that with this workflow? Or does that just complicate things?
  21. flysi3000
    Thanks, Jack. It turns out it's LinkedIn that's rejecting anything over 30fps - must be someone in their media department just following a checklist. Either that, or whatever they use to validate or load stuff into their platform still has fps in there as a spec. Anyway, I found TweenLite.ticker() after I wrote that post yesterday; I guess I will go and implement that to make them happy.
  22. flysi3000
    What's the definitive answer for a media company (Zenith) that kicked back some HTML5 banners because they're supposed to be 24fps? They claim they're 30fps, and I don't even know how they measured that.
  23. flysi3000
    Welp - turns out it might very straight-forward in the end - I looked at the page source in Firefox, and a couple of stray tags did indeed show up red. I'm hoping that's the end of my issues... Thanks @jonathan!
  24. flysi3000
    Thank for those suggestions, guys. I'll do some digging and report back.
  25. flysi3000
    Hey Johnathan - thanks for the response. I work for an ad agency, and I can't post code or assets because of our confidentiality policy. Even I'm able to genericize the code, that could make it hard to pinpoint what's breaking it in DCM, I would think. For a little bit of backstory, we have two different executions in 3 sizes each. One of the executions was started by a vendor; I then started mine based on some of their early files, so they all share a lot of code. My banners access GSAP via a CDN (using https), while theirs load GSAP js files in local folders. Two of the vendors' files are QA approved, and all the rest are giving that "malformed assets" error. There are lots of inline <svg> code elements in the html; there's some pngs being 3d-transformed... but other than that, I can't think of what is different between the files that's generating that issue.
2
3
4
Page 3 of 5  
×
×
  • Create New...