Jump to content
Search Community

ryanrabon

Premium

  • Posts

    25

  • Joined

  • Last visited

 Content Type 

Posts posted by ryanrabon

    Seeking Contract Work or Full Time :: Highly Expreienced HTML5 Developer

    in Jobs & Freelance

    Posted

    Greetings friends and colleagues,

     

    I'm in need of some support. I'm putting the feelers out here in hope that someone may know of an opportunity they feel I may be a good fit for. Below is a link to my portfolio and a link to some of my recent projects. Thanks in advance, and I appreciate any insight or leads.

     

    Portfolio:

    http://rabondigital.com/

     

    Recent Projects:

    http://rabondigital.com/html5/index.html

     

    Thanks,

     

    Ryan Rabon

    720-256-0338

    • Like 2

    Inspiring HTML5 Banner Examples with GSAP

    in Banner Animation

    Posted

    On 2/20/2019 at 5:49 PM, kellyimaging said:

    @ryanrabon 

    Wow, I'm so impressed by your banner animations!

    http://rabondigital.com/

    I especially love the History Channel and the Cremo examples on your site.

    I'd love to hear more about your workflow for creating your sprite sheets, for the Cremo birds, for example.

    Do you export out of AE or Adobe Animate?

     

    Thanks!

    ~K

    I really appreciate it :D

    Yeah, for those birds I exported out of after effects to create that sprite sheet. Don't hesitate to reach out with any questions.

    Cheers!

    Ryan

    Inspiring HTML5 Banner Examples with GSAP

    in Banner Animation

    Posted

    Hi Ryan,

     

    Great banners! Many thanks for sharing them!

    Great structure and approach overall! (I've gone through some of them).

    I'm new with GSAP (brilliant platform) and I have few quite simple questions based on 'Infinity ad' example.

     

    - You're linking pictures through CSS background. Why not placing pictures by <img> tags? Because of easier access and control?

    I thought having <img> tags with alt="info" is better in semantic sense.

     

    - I see there was a need to use custom fonts. Why haven't you used text converted into svg curves instead of spritesheet?

     

    Thanks,

    Vitaliy

    Hi Vitaly,

     

    Thank you very much! Yeah, I typically use css background when building out banners, but when it comes to making websites semantically <img> tags are the way to go. Really you could use either one for banners, it's really personal preference.

     

    A colleague started that infiniti banner, and did some of the setup. It was handed off to me to finish it up. He had already setup that sprite sheet with the copy, but I typically and prefer to work with svg. For that client I think we had to support older versions of IE which doesn't play nice with svg.

    • Like 2

    Inspiring HTML5 Banner Examples with GSAP

    in Banner Animation

    Posted

    Nice SVG masking, particles, spritesheet animations and all. Professional DOM banners! Could You please describe Your workflow a bit?

    Thank you very much! I appreciate it. Of course! Coming from a strong development background with a lot of big agency experience, I've had the opportunity to learn from great coders. With that said I strive to hand code all js, css, and html using best practices and as much as I can keep file size minimal as possible. Anything more specific you would like me to elaborate on?

    • Like 1
×
×
  • Create New...