Log In
Or create an account ->
Imperial Library
Home
About
News
Upload
Forum
Help
Login/SignUp
Index
Cover
Title
Copyright
Dedication
Contents at a Glance
Contents
About the Authors
About the Technical Reviewer
About the Cover Image Artist
Acknowledgments
Introduction
Chapter 1: HTML5 Page Structures
Solution 1-1: Creating a DOCTYPE in HTML5
Solution 1-2: Creating a character encoding declaration in HTML5
Solution 1-3: Dividing a document into sections
Solution 1-4: Making parts of the document distributable
Solution 1-5: Creating an aside
Solution 1-6: Creating a header
Solution 1-7: Grouping <h1> to <h6> elements
Solution 1-8: Creating a footer
Solution 1-9: Creating navigation in an HTML5 document
Solution 1-10: Inserting figures
Solution 1-11: Browser compatibility
Chapter 2: HTML5 Markup
Solution 2-1: Using the <hr> tag in HTML5
Solution 2-2: Using the <iFrame> tag
Solution 2-3: Embedding media into a page
Solution 2-4: Using the <area> tag
Summary
Chapter 3: HTML5 Structural and Semantic Elements
Understanding microdata
Solution 3-1: Using the itemprop and itemscope attributes
Solution 3-2: Creating a custom vocabulary
Solution 3-3: Understanding link types and relations
Solution 3-4: The header and hgroup elements
Solution 3-5: Connecting images with their captions
Solution 3-6: Adding tangent content
Summary
Chapter 4: HTML5 Forms
Understanding the new input types
Solution 4-1: Using the e-mail input type
Solution 4-2: Using the URL input type
Solution 4-3: Using a spinner control for numbers
Solution 4-4: Adding a slider to your form with the range input type
Solution 4-5: Sending multiple files
Solution 4-6: Creating a suggest-like autocomplete with the data list component
Solution 4-7: Validating form controls
Solution 4-8: Creating custom input types using regular expressions
Solution 4-9: Setting placeholder text in an input field
Solution 4-10: Creating date and time controls
Summary
Chapter 5: HTML5 Media Elements: Audio and Video
Solution 5-1: Embedding a video in a web page
Solution 5-2: Detecting video support across browsers
Solution 5-3: Creating a custom video controller
Solution 5-4: Preloading a video
Solution 5-5: Creating a custom seek bar for a video
Solution 5-6: Using multiple source video elements
Solution 5-7: Opening a video in full screen
Solution 5-8: Applying a mask to a video
Solution 5-9: Using the audio element
Summary
Chapter 6: HTML5 Drawing APIs
Solution 6-1: How to draw with HTML5 using the canvas element's drawing API
Solution 6-2: Using paths and coordinates
Solution 6-3: Drawing shapes: rectangles and circles
Solution 6-4: Filling shapes with solid colors
Solution 6-5: Using gradients to fill shapes
Solution 6-6: Drawing texts in a canvas
Solution 6-7: Working with relative font sizes to draw text on a canvas
Solution 6-8: Saving a shape as a PNG file
Summary
Chapter 7: HTML5 Canvas
Solution 7-1: Understanding the canvas APIs
Solution 7-2: Detecting the canvas and canvas text support
Solution 7-3: Understanding the standard screen-based coordinate system and canvas transformations
Solution 7-4: Pixel manipulations
Solution 7-5: Applying shadows and blurring
Solution 7-6: Animating canvas
Summary
Chapter 8: HTML5 Communication APIs
Understanding the postMessage API
Securing the postMessage communication
Solution 8-1: Checking for postMessage API browser support
Cross-documents messaging and CORS
Solution 8-2: Sending messages between windows and iframes
Solution 8-3: Using Server-Event technologies to write real-time web applications
Solution 8-4: Running code in different browsing contexts using message channels
Solution 8-5: Uploading files using the XMLHttpRequest Level 2
Solution 8-6: Checking for XMLHttpRequest level 2 cross-origin browser support
Summary
Chapter 9: HTML5 WebSocket
Solution 9-1: Checking for WebSocket browser support
Solution 9-2: Establishing a WebSocket connection
Solution 9-3: Handling WebSocket events
Solution 9-4: Using a WebSocket server with the WebSocket API
Summary
Chapter 10: HTML5 Geolocation API
Understanding the Geolocation API
Solution 10-1: Using the navigator object
Solution 10-2: Getting the current position
Solution 10-3: Using the position object
Solution 10-4: Handling position errors
Solution 10-5: Tracking the user's position
Solution 10-6: Using the geo.js open source library
Summary
Chapter 11: HTML5 Local Storage
Solution 11-1: Understanding Occasionally-Connected Applications
Solution 11-2: Checking for HTML5 storage support
Solution 11-3: Declaring a manifest for your page
Solution 11-4: Using the ApplicationCache object
Solution 11-5: The ApplicationCache events
Solution 11-6: Deleting the local cache
Summary
Chapter 12: HTML5 Accessibility
The four principles of accessibility
The purpose of the WCAG
Solution 12-1: Creating skip links with the nav element
Solution 12-2: Creating accessible tabular data
Solution 12-3: Creating accessible forms
Solution 12-4: Captioning and annotations using video elements
Solution 12-5: Using the ARIA project
Summary
Index
← Prev
Back
Next →
← Prev
Back
Next →