Practical uses
An HTML5 element that may lend itself particularly well to implementations of the slider widget is the <audio> element. This element will automatically add controls that enable the visitor to play, pause, and adjust the volume of the media being played.
The default controls, however, cannot be styled; if we wish to change their appearance, we need to create our own controls. A slider widget, of course, makes an excellent substitution for the default volume control. Let's take a look at how you can add one, as a basis that you can take further in your own projects.
Create the following new code in your text editor:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Slider</title> <link rel="stylesheet" href="development-bundle/themes/redmond/jquery.ui.all.css"> <link rel="stylesheet" href="css/sliderTheme3.css"> <script src="js/jquery-2.0.3.js"></script> <script src="development-bundle/ui...
