Exploring highlighted HTML5, CSS3, and JavaScript technologies


show more Exploring highlighted HTML5, CSS3, and JavaScript technologies provides you with in-depth training on Web. Taught by Joseph Lowery as part of the HTML5 Projects: Engaging Ecommerce show less
please wait ...

Exploring highlighted HTML5, CSS3, and JavaScript technologies

Before we get into actually building a project, I want to take a few moments to talk about each of the key technologies we are using. In all, we're going to be targeting three different technologies: the range form element, drag and drop, and localStorage. Let's start with the form element range. Here is the basic code for a range form element. As you can see, it's an input tag where the type is set to range. And there are several other attributes that you need to include.

Minimum is now set to 0 in our example, maximum I have set at a 100, and then value is set to 50. Wherever you set the value is where the slider handle will appear to be on the range control. Now, there is also an optional attribute called step. Once you declared the step value, your range control will move in those increments. There is decent browser support for the range form element. Current versions of Chrome, Safari, and Opera already supporting it, and soon Internet Explorer 10.

The only major holdout is...

Exploring highlighted HTML5, CSS3, and JavaScript technologies
Video duration: 4m 33s 37m 29s Intermediate

Viewers:

Exploring highlighted HTML5, CSS3, and JavaScript technologies provides you with in-depth training on Web. Taught by Joseph Lowery as part of the HTML5 Projects: Engaging Ecommerce

Subject:
Web
Software:
HTML JavaScript CSS
Author:
please wait ...