HTML5: Designing Rich Internet Applications (Visualizing the Web)

Cover Page
......Page 1
Front matter......Page 2
Copyright......Page 4
Praise for the Book......Page 5
Dedication......Page 6
Preface......Page 7
Where HTML Code Can Be Found......Page 9
The Evolution of the Web......Page 10
The Rocky Road from HTML4 to HTML5......Page 12
Web 2.0 Applications and Solutions......Page 13
Enhancements to Core Tag Language......Page 14
New Elements Are Introduced to HTML5......Page 15
Blocking Content on the Page......Page 16
Modifications to Content Sections......Page 18
Organizing Code Using Blocking Elements......Page 19
Using the SECTION Element......Page 21
Using the HEADER and FOOTER Elements......Page 22
Using the ASIDE Element......Page 24
Using the DIALOG Element......Page 25
Using the FIGURE Element......Page 26
Text-Level Semantic Additions and Changes......Page 27
Using the METER Element......Page 28
Applying HTML5 to Make HTML Code Easier to Read......Page 29
What Has Changed in HTML Forms 2.0......Page 33
Adding the Placeholder Text......Page 35
Extending the Functionality of HTML5......Page 37
Displaying Data in HTML5......Page 38
Storing Data Locally Using Web Storage......Page 39
What Is Not Being Supported in HTML5......Page 41
How to Gracefully Migrate Sites to Work  with the New HTML5 Standard......Page 43
What You Have Learned......Page 44
Creating a Template for Your Web Site......Page 45
Customizing the HEADER Element......Page 47
Customizing the NAVIGATION Element......Page 48
Customizing the Main SECTION Element......Page 49
Customizing the FOOTER Element......Page 50
Creating the Site’s Home Page......Page 51
Adding a Product Page That Uses the MARK Element......Page 53
Adding a News Page That Uses the TIME and ASIDE Elements......Page 54
Creating a Contact Us Page That Uses the New Form INPUT Attributes......Page 56
Summary......Page 63
CSS as a Designer’s Tools......Page 64
Cascading Your Designs......Page 66
Modifying Elements with CSS......Page 70
Creating Class Styles......Page 73
Using Pseudo Class Styles......Page 75
Using Pseudo Elements......Page 76
Controlling Font Display with CSS......Page 77
Embedding Fonts Using CSS3......Page 79
Sizing Fonts with CSS Units of Measurement......Page 81
Color Control for Fonts......Page 83
Adding Drop Shadow Text Effects......Page 84
Additional Font Definitions......Page 85
Working with Columns in CSS3......Page 86
Positioning Design Elements with CSS......Page 88
Increase Control over Color......Page 90
Multiple Background Objects......Page 91
Adding Rounded Corners to Layers......Page 93
Using Transitions in CSS......Page 96
Creating Animation with CSS3......Page 98
Delivering Solutions for the Mobile Market......Page 99
What You Have Learned......Page 101
Project 2: Applying CSS3  to Your Web Design......Page 102
Linking to a Single CSS Document......Page 103
Embedding Fonts......Page 104
Default Styles for Content......Page 105
Applying Styles to Main Sections 
of Content......Page 108
Applying Styles to the Navigation Elements......Page 111
Applying Styles to the Form Elements......Page 112
Additional Styles......Page 114
Advanced CSS Execution......Page 115
Creating a Menu with CSS......Page 117
Designing with CSS3......Page 123
Summary......Page 130
Working with VIDEO and AUDIO Tags......Page 131
Controlling Video with VIDEO Tags......Page 134
Controlling Audio with AUDIO Tags......Page 140
Encoding Video and Audio for Delivery over the Web......Page 143
Creating Video in Ogg Theora Format......Page 144
Creating Audio That Plays Back through Your Web Browser......Page 148
Ensuring That Your Video and Audio Play Back......Page 149
What You Have Learned......Page 150
Creating an SVG Logo......Page 152
Inserting a CANVAS-Driven Dynamic Chart......Page 156
Summary......Page 159
HTML5 JavaScript Model......Page 160
Understanding JavaScript......Page 161
JavaScript as Programming Language......Page 163
Using Math in Your Scripts......Page 168
Controlling Outcomes with If/Else and Switch Statements......Page 170
Using Web Workers......Page 173
Storing Data with LocalStorage......Page 175
Controlling Geolocation Devices with JavaScript......Page 178
Integrating JavaScript with HTML5......Page 181
Taking JavaScript to the Next Level with Ajax......Page 184
Using Ajax in Your Work......Page 185
Adobe’s Spry Framework......Page 188
Controlling Forms with wForms......Page 189
Visualizing Data with JSCharts......Page 190
What You Have Learned......Page 191
Working with jQuery......Page 192
Creating the Images......Page 193
Working with JavaScript......Page 195
Stitching It All Together in HTML......Page 202
Controlling Forms with jQuery......Page 203
Inserting a Tabbed Interface to Build on Top of Your Existing jQuery Projects......Page 212
Using Additional Ajax Libraries: Working with Adobe’s Spry Framework......Page 215
Working with Additional Ajax Libraries: Using Yahoo’s YUI Framework......Page 220
Linking to Content Hosted on Different Web Sites......Page 223
Summary......Page 224
B
......Page 225
C
......Page 226
E
......Page 227
F
......Page 228
I
......Page 229
L
......Page 230
P
......Page 231
S
......Page 232
T
......Page 233
W
......Page 234
Z
......Page 235