Historical errata for HTML5 and CSS3

Third para, last sentence, “wheat” instead of “what”.

“Let’s get more specific on wheat you need to work with the examples in this book.”

2nd last para, fullstop and i need to be deleted between “CSS3” and “I’ll”

“Finally, be sure to visit this book’s blog, Beyond HTML5 and CSS3. 7 i I’ll be posting related material, updates, and working examples from this book.”

The 7 in this quote is a footnote.

The second sentence in “The Sturcture” section reads, "We’ll use the

“You’ll learn about how to use them
in Chapter 3, Creating User-Friendly Web Forms, on page 39.”

Grammar. Suggestion: You’ll learn how to use them…

In the listing of html5_forms/javascripts/fallbacks.js
as well as in the source code.

Long version:

Line 9 of the listing

input.value != testString

should read as

element.value != testString

Short version

:9s/input/element

The server doesn’t handle Windows paths correctly, making it impossible to browse through the examples (eg it converts paths to localhost:800/\\css3_animation/ which results in a 404 not found).

The issue is fixed by changing lib\\server.js
line 74:
response.write("

“);
To:
response.write(”

");

And line 83:
output = "

“;
to:
output = ”

";

“Remember in Algebra when the teacher had you graph equations and you wondered if you’d ever have to use that for anything?”

specifically “had you”, I think it should be “taught you”, or maybe “had you make”.

Code and text uses _currentCardID, currentCardIndex and _currentCardIndex to refer to one and the same variable.

Custom data attributes
Allow the addition of custom attributes custom attributes to any elements that use the data- pattern.

duplicate ‘custom attributes’ in last paragraph

In the section discussing the navigation links, you say that you’ll float the li elements but in the code example you have display: inline; I’ve attached a screenshot link for reference.

In css3_print_links/index.html:

‘href=“print.css”’ should be ‘href=“stylesheets/print.css”’

In the second line from the bottom
context.fill(); -> context.stroke();

Figure 5 caption: “usnstyled”

We’ll apply this rule to our style sheet to give the badge a shadow. We add this within the #banner selector, right below the gradient we previously defined:

There’s not #banner selector on css3_banner/index.html
I guess it would mean #badge

html5_indexedDB/javascripts/notes.js

Firefox 28 Mac OS X .9.2
On insert is not working.

DataError: Data provided to an operation does not meet requirements.
\t

var request = store.put(data);

Workers

where_next/web_workers/javascripts/application.js

$(“outpout”).html(“Why do you fail??”);

$(“#output”).html(“Why do you fail??”);

where_next/web_workers/javascripts/worker.js

its an event handler, not a function variable to declare.

var onmessage() = function(){
};

should be:

onmessage() = function(){
};

In Chapter 2, where you describe the new “progress” tag, you give the following example:

I have run an HTML page containing this code through the W3C validator and the following error is returned:

“Attribute min not allowed on element progress at this point.”

The document is thus invalid. All the references I have found online do not list a “min” attribute for the “progress” tag.

Kindle Edition - location 835. Line 6 in fallback.js should be “labelText = ‘$’ + value” or “labelText = ‘$’ + meter.attr(‘value’)”