I need some feedback! So if any help, Thank you!
I'm a developer for a digital signage company. We built a platform in Flash (ActionScript 3) and it has been running really smooth for a few years now. We've been talking about trying to move to HTML5, JQUERY and PHP for a while now. Flash is super nice because it gives me an easy way to arrange components onto the screen. I know flash is probably on its way out and I'm sure that will be a while from now but we would like to move into the future.
Alright, here is the issue i'm facing:
With HTML5, i'm trying to fit for different screen resolutions. Of course I'm using a responsive CSS framework (materializecss) but in flash i've used:
stage.scaleMode = StageScaleMode.NO_BORDER; stage.scaleMode = StageScaleMode.EXACT_FIT;
This would scale our platform to fit any screen size - It kept everything together. It would just zoom things up like it was one photo for example.
In HTML5 I feel like I can't get this to do the same thing. Do you know what I mean? Maybe I won't be able to get the same layout like I have in flash with HTML5? Would we have to re-design our layout?
I guess my question for this whole post is if you look at the screen shot of our current platform built in flash. Look at the way things are layout. How could that layout be built in HTML5 and have it to keep/scale the same layout on all different screen resolutions from 1280x720 and Up. 16.9 layouts
Here is a sample shot of what our screen layout looks like. I'm wondering how hard it would be to build this with HTML5, jQuery...