JS Viewport
There are three distinct experiences in this js-viewport
demo:
- Handheld – This loads in a default background image and basic content that does not depend on
JavaScript
at all. - Tablet – When in this viewport width, a better resolution of the background gets loaded as well. A sidebar is added to the DOM from an AJAX request.
- Widescreen – At this state, the background image is replaced with a fully-functional Google map.
Walnut Street Bridge, Chattanooga, TN
navigator.geolocation
has not fired yet.