Errata

Using SVG with CSS3 and HTML5

Errata for Using SVG with CSS3 and HTML5

Submit your own errata for this product.

The errata list is a list of errors and their corrections that were found after the product was released.

The following errata were submitted by our customers and have not yet been approved or disproved by the author or editor. They solely represent the opinion of the customer.

Color Key: Serious technical mistake Minor technical mistake Language or formatting error Typo Question Note Update

Version Location Description Submitted by Date Submitted
Printed Page 737
bottom of page (beginning of second bullet point).

'The elements with class miss were the circles adding to mark a click...' should read: 'The elements with class miss are the circles added to mark a click...'

Richard Scott-Robinson  Jan 09, 2021 
Printed Page 737
near the bottom (first bullet point)

Redundant 'is'. 'The transition kicks in when we later change the font-size is by adding the game-over class to the document.' should read: 'The transition kicks in when we later change the font-size by adding the game-over class to the document.'

Richard Scott-Robinson  Jan 09, 2021 
Printed Page 290
Third note below code section

'The box-sizing property ensures that the specified zero height...' should read: 'The box-sizing property ensures that the specified 1px height...'

Richard Scott-Robinson  Jan 05, 2021 
Printed Page 277
First paragraph beneath the 'tricky aspect' green lemur aside.

Beginning of third sentence: 'The bottom-right corner' should read: 'The bottom-left corner'.

Richard Scott-Robinson  Jan 05, 2021 
Printed Page 161
5th paragraph

The section "Circular Logic" in Chapter 5, claims that with an ellipse "... if you don't specify a geometric attribute, it defaults to 0 ...". This is true of cx and cy, but rx and ry default to 'auto' according to

https://developer.mozilla.org/en-US/docs/Web/SVG/Element/ellipse

All five browsers that I tried interpret auto as 0 if BOTH rx and ry are unspecified or if either rx or ry is explicitly 0. However, if one of the radii is explicitly set, say rx="42", then ry defaults to 42, and you see a circle of radius 42.

Richard Clarke  Jun 15, 2020 
Printed Page iii-xii
table of contents, chapter titles and descriptions

I feel that the great and useful content of the book suffers from having a poor table of contents because of ambiguous, sometimes nonsensical chapter titles.

I enjoy when technical information is portrayed with life and humour, but seeing as the table of contents is the only tool for searching in a physical book (apart from flipping through 800 pages), I think this part should be as precise as possible.

The reader should not have to interpret the meaning of the chapter titles and be required to keep in memory what the chapter or subchapter _actually_ was about.

There is often a good descriptive text displayed right under the chapter title, which in my opinion would serve much better as the actual title;

Some examples:
1)
In table of contents: A New Point of View
Description text: Cropping Embedded SVG Files

2)
In table of contents: Seeing Double
Description text: Reusing Content

3)
In table of contents: Filling Up to Full
Description text: The fill Property, Gradients, and Patterns

In all cases throughout the book, the secondary descriptive text does a better job of conveying what information the chapter contains.

Like I said in the beginning; the book is full of useful information and you've done a great job of putting it all together, but I had to mark pages and chapters physically with page markers to make it truly usable as a daily reference.

Bjørn Dragland  Mar 21, 2020 
ePub Chapter 1 An overview of SVG, section "Repetition without redundancy

Chapter 1 An overview of SVG, section "Repetition without redundancy", the paragraph "The element referenced by <USE> doesn't have to be inside a <DEFS>: it could also be a shape that was drawn directly." may be should be "The element referenced by <USE> must be inside <DEFS>: it can also be a form that was drawn directly."
This paragraph is located before listing "<use xlink:href="#light" y="80" fill="red" />"

Anonymous  Sep 06, 2018