Back to Top
The nuts and bolts for
Creative web development

HTML5 Data Bindings Browser Properties Features

“Features in detail”

A day before the official release of HTML5 Data Bindings Browser Properties we have the features packed in a nice list. It includes all 10 different bindings, which are available to select from so you can show and hide specific areas on your site depending on the information that you receive back. It can contain the language of the user's browser, the device resolution, width, height, orientation and many more that you can check out below.

The Story

@userAgent -Contains information if a user is viewing your web site from a mobile or desktop web browser so that you can then auto detect and display the appropriate version of your web site.

@language
- Contains the language of the user's version of the browser. This way you can automatically redirect the user to the matching language version of your website, if available.

@devicePixelRatio - Contains the device resolution, the ratio between physical device pixels and DPI-adjusted logical CSS pixels.

@deviceWidth - Contains the full width of the device, including the UI taskbars.

@deviceHeight - Contains the full height of the device, including the UI taskbars.

 

@viewportWidth - Contains the width of the device without the UI taskbars.

@viewportHeight - Contains the height of the device without the UI taskbars.

 

@documentWidth - Contains the width of the document.

@documentHeight - Contains the height of the document. It's particularly useful for scrolling apps.

 

@orientation - Contains the orientation change from landscape to portrait mode and vice versa.

Share this Article