Errata

CSS Secrets

Errata for CSS Secrets

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. If the error was corrected in a later version or reprint the date of the correction will be displayed in the column titled "Date Corrected".

The following errata were submitted by our customers and approved as valid errors by the author or editor.

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

Version Location Description Submitted By Date submitted Date corrected
Printed, PDF
Page xxi
Middle of the page

The word "by" in "'Stone Art,' by Josef Stuefer" should be removed.

cssmagic  Nov 18, 2015  Nov 18, 2016
Printed
Page 10
1st paragraph, 7th line, 1st word.

The word "our" should be "out" on line 7 of the first paragraph.

Christian Anguiano  Jul 13, 2015  Jul 17, 2015
Printed, PDF
Page 10
First paragraph

"line height" in the second last sentence should be "font size".

cssmagic  Aug 19, 2015  Nov 18, 2016
Printed, PDF
Page 19
Second paragraph

Stylus got a new official website: http://stylus-lang.com/

cssmagic  Aug 20, 2015 
PDF
Page 22
Last paragraph

In
"In case you were wondering (and haven’t read the first chapter, tsk-tsk), the style of this book was authored in SCSS"
it shoud probably be
"(and haven’t read the preface, tsk-tsk)"
in parenthesis.

E.Sh.  Oct 18, 2015  Nov 18, 2016
Printed, PDF
Page 26
Second paragraph

"... at the outer edge of the element’s border box". A border box is already the combination of four "border edges" (the outer edge of a box's border), thus it's a rectangle, not a band (square ring), it has no such "outer edge" or "inner edge". So, the original sentence should be "... at the the element’s border box, which formed by the element's four border edges".

Note from the Author or Editor:
Correct, remove "outer"

cssmagic  Aug 21, 2015 
Printed
Page 34
Fig v2.14 vs 2nd paragraph

The text (2nd paragraph references the "four boxes in every element" and then references figure 2.14. Figure 2.14 only shows 3 boxes, omitting the `border-box`.

Note from the Author or Editor:
Correct, "four boxes" -> "three boxes"

remove "margin box" from the listing of boxes later in the sentence

Tim Chase  Aug 19, 2015 
Printed, PDF
Page 37
Last paragraph

Figure 2.16 is referenced by nothing. This sentence "... that outlines do not follow the element’s rounding (and thus, have sharp corners) but box-shadows do ..." should reference both Figure 2.16 and Figure 2.17. And the reference to Figure 2.17 in this sentence "... if we overlay one on top of the other, the box-shadow covers the gaps that the outline leaves on the corners ..." should be removed.

Note from the Author or Editor:
The first part is correct. The other sentence should reference 2.18 instead of 2.17

cssmagic  Aug 22, 2015 
Printed, PDF
Page 44
Figure 2.32

In the description of Figure 2.32, "20px" should be "30px".

cssmagic  Aug 22, 2015  Nov 18, 2016
Printed
Page 56
end of brown box

Unfortunately, there is no browser support for conical gradients at the time of writing.

should become

Unfortunately, there is no browser support for conical gradients at the time of writing, but you can find a polyfill at leaverou.github.io/conic-gradient.

O'Reilly Media
 
Sep 17, 2015 
Printed, PDF
Page 58
The last code block

In the last line of the last code block, "$accent: rgba(0,0,0,.25) {" should "$accent: rgba(0,0,0,.25)) {" -- the former misses a ")".

cssmagic  Aug 26, 2015  Nov 18, 2016
Printed, PDF
Page 61
Figure 2.51

There is a 1px gap in this image (Figure 2.51), on the second row of the gallery. More obvious on PDF.

cssmagic  Aug 21, 2015 
Printed, PDF
Page 69
Last paragraph

"presentation and styling" should be "structure and styling" or "presentation and structure".

cssmagic  Sep 10, 2015  Nov 18, 2016
PDF
Page 121
Second item in list

A period is missing after "Size and position the pseudo-element via absolute positioning, so that it doesn’t push the text down".

E.Sh.  Nov 08, 2015  Nov 18, 2016
Printed, PDF
Page 146
The only paragraph

In the sentence "...where the main element has a semi-transparent white background", the word "main" need to be formatted as inline code.

cssmagic  Sep 21, 2015 
PDF
Page 149
1st paragraph

Unnecessary period in
"However, if we directly apply a blur() filter to our example, the entire element is blurred, which makes it even less readable. (Figure 4.17)."
before left parenthesis.

E.Sh.  Nov 12, 2015  Nov 18, 2016
PDF
Page 169
1st paragraph of Trivia

"Knuth-Pass algorithm" is used instead of "Knuth-Plass algorithm".

E.Sh.  Nov 18, 2015  Nov 18, 2016
Printed
Page 179
Fig 5.8

The image in fig. 5.8 is intended to show an example of zebra-striping in the Apple Finder (which *is* actually there in Finder on my Mac), but either the underlying image didn't capture the striping, or something in the print process removed the zebra-striping from the image.

Note from the Author or Editor:
Correct. Please convert image to CMYK and make sure the zebra styling is showing

Tim Chase  Aug 19, 2015 
Printed, PDF
Page 190
very first line on the printed page (secret 25, chapter 5)

"both local and emebdded fonts" should be changed to "both local and embedded fonts" to fix the typo

Kara Ebrahim  Jul 01, 2015  Jul 17, 2015
PDF
Page 218
Last paragraph

In
"Some also utilized a the wait or progress cursors instead of (or alongside) a loader. "
there's something wrong with "a", "the" and "cursors".

E.Sh.  Dec 07, 2015  Nov 18, 2016
Printed, PDF
Page 225
First paragraph

In the first sentence, the "occurence" looks like a typo of "occurrence".

cssmagic  Sep 21, 2015  Nov 18, 2016
Printed
Page 227
middle

The solution of pseudo element to extend the hit area does not work in Firefox 39.
Also, in the page
http://play.csssecrets.io/hit-area
missing : in before statement in line 17

Note from the Author or Editor:
This is a problem that needs to be solved in the Play! URL

Anonymous  Aug 13, 2015  Sep 18, 2015
PDF
Page 243
Hat tip body text

"a smiliar effect" should be "a similar effect"

E.Sh.  Dec 12, 2015  Nov 18, 2016
Printed, PDF
Page 258
Tip (secret 35 in chapter 6)

"only style the range input iff range inputs are supported" should be changed to "only style the range input if range inputs are supported" to fix the typo

Kara Ebrahim  Jul 01, 2015  Jul 17, 2015
Printed, PDF
Page 273
First code block

"iff" should be "if".

cssmagic  Oct 01, 2015  Nov 18, 2016
Printed
Page 274
code block on the bottom

As in the CSS code block before and following two on the next page the comment contains a mispelled “iff” instead of “if”.

Gerhard Großmann  Jan 29, 2016  Nov 18, 2016
PDF
Page 275
Last code block

The last code block contains a comment:

/* Target list items iff the list
contains 2-6 items */

I think the "iff" should be "if".

Jurgen Van de Moere  Nov 04, 2015  Nov 18, 2016
Printed, PDF, ePub, Mobi, , Other Digital Version
Page 349
Index, D entries

The index entry "dimming", subentry "psuedo-element method" has a typo.

It should be "dimming", subentry "pseudo-element method"

Anonymous  Jun 26, 2015  Jul 17, 2015