Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to build a full screen html 5 web app?

Are there any currently accepted methods for building full screen web applications in HTML 5 using just JavaScript and CSS?

If so, what are the pros and cons of each? What cross-browser quirks are there?

like image 699
Adam Avatar asked May 29 '11 21:05

Adam


People also ask

Can you make an app with Html5?

Using Html5 means that you can create a single code, and it can be used anywhere. This means that if you go on to develop a mobile app with Html5, your app will be responsive. So, you will not need to pay more for providing access to your site across multiple devices.

How do I make CSS full screen?

Using F11 the entire page will be fullscreen mode, not just the element itself. The element's styles won't change. Clicking the button will promote the element itself into fullscreen mode, and the styles can be applied.

How do I expand my browser to full screen?

Keyboard Shortcuts For those with a good memory. Go Full Screen via the keyboard. Toggle Full Screen keyboard shortcut: Press the F11 key. Note: On computers with a compact keyboard (such as netbooks and laptops), press the fn + F11 keys.


2 Answers

This is bleeding edge, but the latest chrome builds have a Fullscreen API. See this slide deck for details:

http://html5-demos.appspot.com/static/html5-whats-new/template/index.html#42

Also, it looks like these dudes figured out a way to do it without resorting to unsupported features:

http://www.html5rocks.com/en/tutorials/casestudies/gopherwoord-studios-resizing-html5-games.html

like image 79
Adam Avatar answered Oct 19 '22 23:10

Adam


There is a proposal which is based on discussions on the WHATWG mailing list. This was originally triggered by this WebKit API, but as far as I'm aware that only works on iOS and there are no other implementations at present.

like image 44
robertc Avatar answered Oct 19 '22 23:10

robertc