lundi 24 septembre 2018

How to quickly make full-page web app UI?

Has anyone played Kahoot before? Each device that wants to join must navigate to https://kahoot.it/ and play from there. What's fascinating about that web app is that it's completely responsive for mobile, tablets and desktop.

I've been trying for so long to find a simple CSS/JS UI framework that can quickly whip up a simple, but great web app optimized for mobile with fun, game graphics (buttons, top nav, footer, etc.). What I really want is the full-page feature of the web app. The fact that the height is always 100% and the layout of the gameplay and menu (with buttons) uses a grid that's full height and full width and is responsive on all devices as well.

Now, I know this can be done manually with CSS or even Bootstrap, using 100% on viewport width and height. But, it seems like a such a hassle to manually make the whole UI for something like Kahoot, since it has multiple screens with menu, gameplay, results, etc, all fitting perfectly on a phone, fullscreen and responsive.

My question is, what is the easiest and fastest way of making a web app (or web "game") UI that is fullscreen, responsive on all devices, includes nice graphical components, and can simply generate a web game like Kahoot with multiple screens, transitions, and animations?




Aucun commentaire:

Enregistrer un commentaire