Instant online reading.
Don't wait for delivery!
Go digital and save!

HTML5 Hacks

By: Jesse Cravens

Write A Review

Paperback | 27 November 2012

At a Glance

Paperback
300 Pages

Dimensions(cm)
15.2 x 22.6 x 2.7

Paperback

RRP $66.50

$34.99

47%OFF

or 4 interest-free payments of $8.75 with

Ships in 15 to 25 business days

With 90 detailed hacks, expert web developers Jesse Cravens and Jeff Burtoft demonstrate intriguing uses of HTML5-related technologies. Each recipe provides a clear explanation, screenshots, and complete code examples for specifications that include Canvas, SVG, CSS3, multimedia, data storage, web workers, WebSockets, and geolocation.

You'll also find hacks for HTML5 markup elements and attributes that will give you a solid foundation for creative recipes that follow. The last chapter walks you through everything you need to know to get your HTML5 app off the ground, from Node.js to deploying your server to the cloud.

Here are just a few of the hacks you'll find in this book:

Make iOS-style card flips with CSS transforms and transitions
Replace the background of your video with the Canvas tag
Use Canvas to create high-res Retina Display-ready media
Make elements on your page user-customizable with editable content
Cache media resources locally with the filesystem API
Reverse-geocode the location of your web app user
Process image data with pixel manipulation in a dedicated web worker
Push notifications to the browser with Server-Sent Events

Shipping

	Standard Shipping	Express Shipping
Metro postcodes:	$9.99	$14.95
Regional postcodes:	$9.99	$14.95
Rural postcodes:	$9.99	$14.95

Orders over $79.00 qualify for free shipping.

How to return your order

At Booktopia, we offer hassle-free returns in accordance with our returns policy. If you wish to return an item, please get in touch with Booktopia Customer Care.

Additional postage charges may be applicable.

Defective items

If there is a problem with any of the items received for your order then the Booktopia Customer Care team is ready to assist you.

For more info please visit our Help Centre.

You Can Find This Book In

Non-Fiction Computing & I.T.Computer Programming & Software Development Web Programming Graphical & Digital Media Applications Web Graphics & Design Booktopia Publisher Services John Wiley & Sons Publishers UK

Preface	p. vii
Hacking the Semantic Way	p. 1
Simplify Your Doc with the Right	p. 1
Adopt Common Structures	p. 2
Make Your New HTML5 Tags Render Properly in Older Browsers	p. 5
Bring Back the Tag	p. 11
Easily Implement Form Validation Without JavaScript	p. 16
Improve the Usability of Your Forms with New Controls	p. 24
Know What's Going On in Your App with New DOM Events	p. 37
Add Rich Context to Your Markup with Custom Data	p. 40
Track User Events with Custom Data	p. 44
Make Your Page Consumable by Robots and Humans Alike with Microdata	p. 47
Hacking with Style	p. 53
Use Experimental CSS Features with Browser Prefixes	p. 54
Design with Custom Fonts Using Web Fonts	p. 56
Use Google Web Fonts for Simple @font-face Implementation	p. 61
Use CSS3 Text Effects to Make Your Text Not Suck	p. 70
Make Elements Appear Transparent Without Altering the Opacity	p. 73
Use Media Queries to Build Responsive Design	p. 76
Make Your Web App Respond to Device Orientation Changes	p. 81
Take Full Control of Your DOM with Pseudoclasses	p. 85
Hack Up Your Sprite and Put Your Images Inline with Image Data URIs	p. 87
Build Gradients the Easy Way	p. 92
Make Borders Interesting Again, with Border Treatments	p. 98
Set Multiple Background Images to the Same Element	p. 103
Free Your Page Elements from Their Traditional Space with CSS3 Transforms	p. 106
Turn Transforms into Animations with CSS3 Transitions	p. 110
Make iOS-Style Card Flips with CSS Transforms and Transitions	p. 113
Use Respond.js to Polyfill CSS3 Media Queries in IE	p. 117
Control Mobile Layout with the viewport Tag	p. 121
Multimedia Hacking	p. 125
Embed Video Directly in Your Application with HTML5 Video	p. 125
Choose the Right Codecs for Your Video Files	p. 128
Create Custom Video Controls with Video APIs	p. 130
Replace the Background of Your HTML5 Video with the Tag	p. 135
Add Subtitles to Your HTML5 Video Element	p. 139
Beautify Your HTML5 Video Cues	p. 142
Use the Cuepoint.js Polyfill for Subtitles	p. 146
Easily Build Audio-Rich Applications with Buzz	p. 149
Simplify Your HTML5 Media with MediaElement.js	p. 153
Hacking Your Graphics with Canvas and SVG	p. 157
Draw Shapes on Your HTML5 Tag	p. 158
Apply Styles to Your Canvas Elements	p. 164
Style Canvas Elements with Image Files	p. 171
Use the HTML5 Tag to Create High-Res, Retina-Display-Ready Media	p. 177
Accelerate Animation with Canvas Drawings	p. 180
Build "Native" Illustrations with Scalable Vector Graphics	p. 187
Style SVG Elements with CSS	p. 191
Animate Illustrations with SVG	p. 198
Embed SVG Directly in Your HTML	p. 202
User Interactions	p. 207
Make Any Content Draggable Within Your Application	p. 208
Update the DOM with a Drag-and-Drop Data Transfer Object	p. 212
Drag Files In and Out of Your Web Application	p. 218
Make Any Element on Your Page User-Customizable with Editable Content	p. 224
Turn Your Web Page into a WYSIWYG Editor	p. 227
Take Control of the Browser History Buttons with HTML5 Session History	p. 230
Client-Side Data Storage Hacks	p. 237
Embed Binary Data in an Inline URL	p. 237
Convert a Data URI to a Blob and Append It to Form Data with XHR2	p. 242
Use the WebStorage API to Persist User Data	p. 244
Polyfill LocalStorage with YepNope.js and Storage.js	p. 250
Cache Media Resources Locally with the FileSystem API	p. 253
Build a Milestone Calendar with IndexedDB and FullCalendar.js	p. 262
Geolocation Hacks	p. 271
Use the Geolocation APIs to Display Longitude and Latitude in a Mobile Web Application	p. 272
Use Google's Geocoding API to Reverse-Geocode a User's Location	p. 278
Update a User's Current Location in a Google Map	p. 284
Use the Geoloqi Service to Build a Geofence	p. 289
Use the Geoloqi Real-Time Streaming Service to Broadcast a Remote User's Movement	p. 296
Polyfill Geolocation APIs with Webshims	p. 300
WebWorker API	p. 305
How Browsers Handle JavaScript	p. 305
Use the BlobBuilder Interface to Create an Inline Worker	p. 307
Perform Heavy Array Computations in a Dedicated Web Worker	p. 313
Use a Timer to Send Application State to Workers	p. 323
Process Image Data with Pixel Manipulation in a Dedicated Worker	p. 336
Use Import Scripts to Make Twitter JSONP Requests	p. 341
Connect to Shared Workers Simulataneously from Multiple Browser Windows	p. 345
Hacking HTML5 Connectivity	p. 349
Use Kaazing's Remote WebSocket Server to Echo Simple Messages from a Browser	p. 350
Build a Blazing-Fast WebSocket Server with Node.js and the ws Module	p. 358
Build a Donation Thermometer with Web Sockets, the Pusher API, and PHP	p. 365
Build Plug-Ins for jWebSocket	p. 381
Push Notifications to the Browser with Server-Sent Events	p. 392
Configure Amazon S3 for Cross-Origin Resource Sharing to Host a Web Font	p. 402
Control an HTML5 Slide Deck with Robodeck	p. 411
Inspect a Socket.IO Connection to Determine If It Is Native or Emulated	p. 432
Build a Simple SPDY Server with node-spdy	p. 432
Pro HTML5 Application Hacks with Node.js	p. 435
HTML5 Application Design Considerations	p. 435
Deliver "Hello Html5" to the Browser	p. 436
Detect the User Agent String Within the Request Object	p. 444
Use Node.js's Response Object to Respond to the Client with Device-Specific Data	p. 445
Use the Node Package Manager to Add a Web Application Framework As a Third-Party Module	p. 447
Use the Express Application Generator to Bootstrap Your App	p. 448
Build a Custom Module to Handle Routing	p. 451
Configure Express to Use a View Engine	p. 452
Use Jade Layouts to DRY Up Your Application's Views	p. 454
Use a Jade Partial to Create a Common Navigation Bar in Your Views	p. 456
Use Jade Mixins to Populate Your Views with Data	p. 458
Set Up Expressive, Dynamic, Robust CSS with Stylus	p. 462
Include HTML5 Boilerplate As Your Default Starter Template	p. 465
Become an HTML5 Hacker	p. 471
Index	p. 473
Table of Contents provided by Ingram. All Rights Reserved.

HTML5 Hacks

At a Glance

Paperback

Shipping

How to return your order

Defective items

You Can Find This Book In

More in Web Programming

Beginner's Step-by-Step Coding Course

Learn Computer Programming the Easy Way

Python Workout, Second Edition

200 ten-minute exercises

Python All-in-One For Dummies

3rd Edition

Web Engineering

Theory and Practice

Web Performance Engineering in the Age of AI

Mastering Speed and Quality for Ai-Generated Applications

The Pragmatic Programmer 2nd edition

your journey to mastery, 20th Anniversary Edition

Starting Out with Python

5th Global Edition

Building Microservices

Designing Fine-Grained Systems 2nd Edition

Python for Excel

A Modern Environment for Automation and Data Analysis

Head First Design Patterns

Building Extensible and Maintainable Object-Oriented Software 2nd Edition

Computer Coding Python Games for Kids

DK Help Your Kids With

Learning Go

An Idiomatic Approach to Real-World Go Programming

Typescript Cookbook

Real World Type-Level Programming

The Art of SEO

Mastering Search Engine Optimization

Developing Graphics Frameworks with Java and OpenGL

Java

An Introduction to Problem Solving and Programming, 8th Global Edition

Architecture Patterns with Python

Enabling Test-Driven Development, Domain-Driven Design, and Event-Driven Microservices

Python Cookbook

Recipes for Mastering Python : 3rd Edition

Cloud Computing

2nd Edition - Concepts, Technology, Security, and Architecture

PHP, MySQL, & JavaScript All-In-One For Dummies

For Dummies

Coding For Dummies, All New Edition

For Dummies (Computer/Tech)

Web Scraping with Python

3rd Edition - Data Extraction from the Modern Web

Spring Boot: Up and Running

Building Cloud Native Java and Kotlin Applications

Beginner's Step-by-Step Coding Course

Learn Computer Programming the Easy Way

This product is categorised by