Log In
Or create an account ->
Imperial Library
Home
About
News
Upload
Forum
Help
Login/SignUp
Index
Cover
Title
Copyright
Dedication
Preface
Acknowledgments
About the Technical Editor
Table of Contents
Chapter 1: HTML5 Semantic Markup
What is HTML5?
Browser Support for HTML5
HTML5 and Various Working Groups
HTML5 Specifications: W3C or WHATWG?
What Technologies Are Included in HTML5?
Differences between HTML4 Tags and HTML5 Tags
Useful Online Tools for HTML5 Development
Modernizr
Caniuse
Designing HTML5 Web Pages
Graceful Degradation
Progressive Enhancement
Responsive Design
A Simple HTML5 Web Page
New HTML5 Elements
Semantic Markup HTML5 Elements
Article Versus Section: How Are They Used?
Why Use Semantic Markup?
A Simple Web Page with Semantic Markup
The HTML5 <hgroup> Element
Custom Data Attributes in HTML5
Summary
Chapter 2: Introduction to CSS3
CSS3 Support and Browser-Specific Prefixes for CSS3 Properties
Quick Overview of CSS3 Features
CSS3 Pseudo Classes and Attribute Selection
CSS3 Pseudo Classes
CSS3 Attribute Selection
CSS3 Shadow Effects and Rounded Corners
Specifying Colors with RGB and HSL
CSS3 and Text Shadow Effects
CSS3 and Box Shadow Effects
CSS3 and Rounded Corners
CSS3 Gradients
Linear Gradients
Radial Gradients
CSS3 2D Transforms
Rotate Transforms
CSS3 Media Queries
Additional Code Samples
Summary
Chapter 3: SVG Essentials
Overview of SVG
Basic 2D Shapes in SVG
SVG Gradients and the <path> Element
SVG <polygon> Element
Bezier Curves and Transforms
SVG Filters, Shadow Effects, and Text Paths
SVG Transforms
Other SVG Features
SVG Animation
Creating 3D Effects in SVG
Embedding JavaScript in SVG Documents
CSS3 and SVG
CSS3 and SVG Bar Charts
Similarities and Differences Between SVG and CSS3
Toolkits for SVG
Summary
Chapter 4: Introduction to HTML5 Canvas
What is HTML5 Canvas?
The HTML5 Canvas Coordinate System
Line Segments, Rectangles, Circles, and Shadow Effects
HTML5 Canvas Linear Gradients
Horizontal, Vertical, and Diagonal Linear Gradients
Radial Color Gradients
Bezier Curves
Rendering Images on Canvas with CSS3 Selectors
HTML5 Canvas Transforms
Additional Code Samples
Other HTML5 Canvas Toolkits
Summary
Chapter 5: Media and Hardware Support HTML5
The HTML5 <Audio> Element
The HTML5 <Video> Element
Popcorn.js: HTML5 Media Framework
HTML5 <Video> and Web Camera Support
Battery API
Vibration API (DAP)
HTML5 APIs in W3C Working Draft Status (WD)
Audio Processing
Summary
Chapter 6: Storage, Databases, Geolocation, and Offline Apps
Using HTML5 Web Storage
HTML5 Web Storage versus Indexed DB
HTML5 Web Storage versus Cookies
HTML5 Web Storage and Security
An Example of HTML5 LocalStorage
HTML5 Web Databases
Using an HTML5 IndexedDB Database
Web Database and Mobile Devices
Geolocation
Obtain a User’s Position with getCurrentPosition()
Track a User’s Position with watchPosition()
HTML5 Offline Web Applications
The Manifest File
Detecting Online and Offline Status
Summary
Chapter 7: Browser-Server Communication
HTML5 Cross-Origin Resource Sharing (CORS)
XMLHttpRequest Level 2 (XHR2)
Making AJAX Calls Without jQuery
Making AJAX Calls With jQuery
AJAX Requests Using XMLHttpRequest Level 2 (XHR2)
HTML5 WebSockets
A Simple WebSocket Web Page
Migrating to HTML5 WebSockets
Available WebSockets Servers
Using HTML5 Server-Sent Events (SSE)
A Comparison of AJAX and SSE
What is SPDY?
HTML5 Web Intents
HTML5 Web Messaging
HTML5 Web Notifications
Summary
Chapter 8: Miscellaneous HTML5 APIs
Using HTML5 Microdata
HTML5 Drag and Drop (DnD)
jQuery and HTML5 Drag and Drop
jQuery and HTML5 File APIs
HTML5 History APIs
Introduction to WebGL
Three.js
Rendering a Sphere and a Cylinder using a WebGL Renderer
The tQuery jQuery Plugin for Three.js
Other Graphics Toolkits
Performance, Debugging, and Testing Tools
Blaze
Google PageSpeed
Chrome Speed Tracer
PageSpeed Insights
WEINRE
Firebug for Firefox
jsconsole
Socketbug
Adobe Edge Inspect
WebKit Remote Debugging
Summary
Chapter 9: HTML5 Mobile Apps on Android and IOS
HTML5/CSS3 and Android Applications
SVG and Android Applications
HTML5 Canvas and Android Applications
Android and HTML5 Canvas Multi-Line Graphs
Other Code Samples
What is PhoneGap?
How Does PhoneGap Work?
Creating Android Apps with the PhoneGap Plugin
Other Code Samples
Working with HTML5, PhoneGap, and iOS
Other Code Samples
Summary
Chapter 10: jQuery Concepts
Using jQuery to Find Elements in Web Pages
A “Hello World” Web Page with jQuery
Querying and Modifying the DOM with jQuery
Find and Modify Elements with :first and :last Qualifiers
Finding Elements with :eq, :lt, and :gt Qualifiers
Finding and Setting Element Attributes
Using jQuery to Remove Elements
Creating DOM Elements
Useful jQuery Code Blocks
Handling Click Events in jQuery
Chaining jQuery Functions
Accelerometer Values with jQuery
Summary
On the DVD
Index
← Prev
Back
Next →
← Prev
Back
Next →