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?
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.
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.
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.
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
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.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With