HTML5 Data Bindings Browser Properties Manual

Learn how to work with HTML5 Data Bindings Browser Properties

In this article you'll find all the needed information in order to be able to work with the HTML5 Data Bindings Browser Properties extension. It features tutorials on how to access the browser properties on your page, serve retina optimized images to retina devices, changing the content depending on the device orientation and also how to show/hide specific elements on your page. The tutorials are also available in video format.


Table of contents

You can also read this manual in PDF format

Before you begin
Make sure to setup your site in Dreamweaver first before creating a page, if you don't know how to do this please read this

The Basics

The Basics: Access the Browser Properties Tracking on Your Page
In this tutorial will show you how to use HTML5 Data Bindings Browser Properties in order to access the browser properties tracking on your page.

Advanced Usage

Advanced: Serve Retina Optimized Images to Retina Devices
In this tutorial we will show you how to serve retina optimized images to retina devices, using HTML5 Data Bindings Browser Properties.

Advanced: Change Content Depending on the Device Orientation
In this tutorial we will show you how to change your web site content, according to the visitor's device orientation.

Advanced: Show or Hide Specific Elements on Your Page
In this tutorial we will show you how to show or hide specific elements on your page, depending on visitor's browser viewport size.

Video Tutorials

Access the Browser Properties Tracking on Your Page   
With this movie will show you how to use HTML5 Data Bindings Browser Properties in order to access the browser properties tracking on your page.

Serve Retina Optimized Images to Retina Devices
With this movie we will show you how to serve retina optimized images to retina devices, using HTML5 Data Bindings Browser Properties.

Change Content Depending on the Device Orientation  
With this movie we will show you how to change your web site content, according to the visitor's device orientation.

Show or Hide Specific Elements on Your Page 
With this movie we will show you how to show or hide specific elements on your page, depending on visitor's browser viewport size.

Lubov Cholakova

Lubov CholakovaLubov has been with DMXzone for 8 years now, contributing to the Content and Sales departments. She is bringing high quality content in the form of daily blog updates, reviews, tutorials, news, newsletters,update emails and extensions' manuals. If you have a product that needs publicity or any other questions about the entire DMXzone community, she is the one you can contact.

See All Postings From Lubov Cholakova >>

Comments

Be the first to write a comment

You must me logged in to write a comment.