HTML & CSS Animated web banners

[HappyCoder1969]

Hello

I have designed an animated web banner in GreenSock. It’s a pretty simple banner with an image as a background and some text and graphics animated. Only lasts a couple of seconds.The size is 300x250. Now I’ve been asked to make it responsive for desktop and mobile.

At the moment it’s not responsive in any way. For such a simple design, I was expected to be asked to create brand few files for each specific pixel size.

Can someone give me a steer as to the correct workflow. I expect me setting up media queries to make it response to an animated banner would be a little complex. Is this necessary??

Be great to get some views.

Many thanks in advance.

 

[meetdilip]

2 methods

1. Create separate size banners for different screen sizes
2. Let the responsive grid system of the website handle it

 

[HappyCoder1969]

Hello Dilip, thanks for your post, yes, I thought creating separate sized files was the correct workflow.
I have been asked to take the animation into a programme of my choice (GWD or Atom).
GWD seems to be a little unreliable when you try an open HTML files in GWD.
I know this is not a Greensock query but have you any experience in using a preferred programme?? This is all new to me.
Thanks for your time.

 

[meetdilip]

I use graphics programs to make banners. Someone with better exposure to HTML banners will be able to help you.

 

[HappyCoder1969]

Thanks Dilip, think I have solved the issue.