Errata
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, PDF | Page xxx Both code blocks |
In **both** code blocks in this page, each `90deg` should be `0deg`. |
cssmagic | May 23, 2016 |
| Page 10 third but last list entry, calc() |
Link for CSS Values & Units Level 3 is missing: |
Jørgen W. Lang | May 27, 2016 | |
| Printed | Page 13 first text paragraph |
The colored box before the example color lightgoldenrodyellow is almost invisible. Maybe give it a small border or choose another color as example. |
Gerhard Großmann | Jan 29, 2016 |
| Page 20 3rd paragraph from from the end (3rd item in 2nd list on the page) |
In |
E.Sh. | Oct 18, 2015 | |
| Printed | Page 30 outline solution code example |
outline width should be 5px, not 15px. |
Alberto Vena | Nov 29, 2015 |
| Page 59 First code block |
In |
E.Sh. | Oct 28, 2015 | |
| Printed | Page 59 last code block |
Because of the line break in the code block there should be a backslash after “height="100"”, too. |
Gerhard Großmann | Jan 29, 2016 |
| Page 65 Code Block |
linear-gradient(90deg, #655 41px, transparent 0); |
Anonymous | Dec 17, 2015 | |
| Printed | Page 65 bottom comment |
"Relatively prime numbers have no common divisors" |
Peng | Jun 13, 2016 |
| Printed | Page 66 last link in last text paragraph |
Dudley Storey’s website has now the adress thenewcode.com instead of demosthenes.info. The old link is routed to the new one, so this is a minor problem. |
Gerhard Großmann | Jan 29, 2016 |
| Printed, PDF | Page 71 The 2nd code block |
`0` should be `0 0`. Because `0` of background-position means `0 50%`. (Originally submitted by @GalliLiu) |
cssmagic | Aug 06, 2017 |
| Page 81 1st paragraph in "Quarter ellipses" |
In |
E.Sh. | Nov 02, 2015 | |
| Printed, PDF | Page 81 Last Paragraph |
I suppose that "1/8th" should be "1/8" or "eighth". |
cssmagic | Nov 11, 2015 |
| Page 87 the code block part |
transform: skew(45deg); should be transform: skew(-45deg); |
sanqian | Jul 08, 2017 | |
| Printed | Page 99 Last code block / figure 3.29 |
The color declarations are different in the code (#58a and #655) for easier debugging. However, in figure 3.29 only #58a is shown as a gradient color. |
Gerhard Großmann | Jan 29, 2016 |
| Printed, PDF | Page 99 First code block |
In the two `linear-gradient` code line, `#58a` and `#655` need to be exchanged for each other to match Figure 3.28. (Submitted by @ArvinTung) |
cssmagic | Aug 18, 2016 |
| Printed | Page 104 penultimate text paragraph |
The colored box before the color example #58a shows the wrong color (#655?). It should be blue instead. |
Gerhard Großmann | Jan 29, 2016 |
| Printed, PDF | Page 119 First paragraph |
"Yes, a negative `animation-delay` is not only allowed by the specification, but is very useful for cases like this:" cannot link up the following quotation of spec. The last part of this sentence ("... but is very useful for cases like this") should be removed, because those use cases have been moved to the side note of "Tip!". |
cssmagic | Nov 11, 2015 |
| Page 119 html example at end of page |
Percentages as text content are missing. |
Jørgen W. Lang | Apr 03, 2016 | |
| Page 131 before last paragraph |
Missing headline "The Solution" just before last paragraph? |
Jørgen W. Lang | May 29, 2016 | |
| Printed | Page 135f codeblocks for figure 4.6 and 4.7 |
The figures don’t show the box-shadows specified in the code examples. With “box-shadow: 2px 2px 10px rgba(0,0,0,.5);” there a shadow on the top and the left side should be visible. If the code shall fit the figures it should say “box-shadow: .1em .1em .1em rgba(0,0,0,.5);” as the online example. (Four places to correct: caption to figure 4.6 and all code blocks on page 136). |
Gerhard Großmann | Jan 29, 2016 |
| Page 139 Last paragraph |
This sentence: |
E.Sh. | Nov 11, 2015 | |
| Printed | Page 140 both code blocks |
The filter sepia() seems to need a value to work, it should be sepia(1). That’s also true for the online example at play.csssecrets.io/color-tint-filter |
Gerhard Großmann | Jan 29, 2016 |
| Printed | Page 147 last paragraph |
In the code examples the background color is hsla(0,0%,100%,.3), thus white with 30% opacity. In the text it says “being 25% opaque”. |
Gerhard Großmann | Jan 29, 2016 |
| Printed, PDF | Page 149 First paragraph of "The solution" section |
In this sentence "Provided that our element has a `background-attachment` of `fixed`...", "our element" should be "<body> element". |
cssmagic | Oct 04, 2015 |
| Page 156 Last paragraph |
In |
E.Sh. | Nov 13, 2015 | |
| Page 159 Last paragraph before Play! |
In |
E.Sh. | Nov 13, 2015 | |
| Printed, PDF | Page 160 Figure 4.31 |
In this figure, the last two formulas are incorrect. `sin` and `cos` need to be exchanged for each other. (Originally submitted by @peacelee) |
cssmagic | Aug 18, 2016 |
| Printed, PDF | Page 179 Side note |
If there was something like ":nth-line()", it should be a "pseudo element", just like "::first-line". |
cssmagic | Sep 19, 2015 |
| Printed, PDF | Page 180 First line |
In this sentence "...as each stripe accounts for two lines", instead of "each stripe", "each tile" might be more proper, because readers may consider one tile as two stripes. |
cssmagic | Sep 19, 2015 |
| Page 183 The only code snippet |
In the code snippet we use "tab-size: 4;", but on the figure the code is "displayed with a tab width of two characters". |
E.Sh. | Nov 20, 2015 | |
| Printed, PDF | Page 196 The brown box |
The section of this brown box should be titled "Future", instead of "Trivia". |
cssmagic | Sep 18, 2015 |
| Printed, PDF | Page 236 The only code block |
The code block misses this declaration `content: '';`. (Originally submitted by @OfficialYoungX) |
cssmagic | Oct 01, 2018 |
| Page 243 Play example |
(Play!) example needs explicit background (color) in Safari 9.1 (OS X Mavericks). |
Jørgen W. Lang | May 07, 2016 | |
| Printed | Page 257 1st code block |
slider.insertBefore(img, div); |
Vero Leon | Apr 07, 2016 |
| Page 259 bottom of page |
The Play! example is missing. :( |
Jørgen W. Lang | May 09, 2016 | |
| Page 269 whole page |
IMHO the text contained the table would better reflect the change to table-layout: fixed. Now there is a contradiction between content and its former self-explaining charcter on page 267. |
Jørgen W. Lang | May 10, 2016 | |
| Page 279 2nd paragraph, 1st sentence |
"Notice that if we comment out the width declaration..." |
Jørgen W. Lang | May 11, 2016 | |
| Printed, PDF | Page 289 Figure 7.23 |
The character ♥ is not rendered properly. |
cssmagic | Oct 24, 2015 |
| Printed, PDF | Page 289 Figure 7.23 |
The bottom part of this figure might be wrong. There can't be space on the bottom of viewport. |
cssmagic | Nov 11, 2015 |
| Printed | Page 289 Figure 7.23 |
The footer shown there does not stick to the bottom. It should, since the content is long enough. |
Lea Verou | Feb 18, 2016 |
| Page 291 Tip at the lower right corner of the page |
Currently the tip says: |
Jurgen Van de Moere | Nov 04, 2015 | |
| Printed, PDF | Page 297 First line |
"...We want the timing function of the main direction to be the accelerating one (ease-out) and the one of the reverse direction to be decelerating (ease-in)..." In this sentence, `ease-out` and `ease-in` should be exchanged for each other. (Submitted by @406298102 ) |
cssmagic | Mar 03, 2017 |
| Printed, PDF | Page 308 First paragraph |
"cartoon moving" should be "cartoon movie"? |
cssmagic | Oct 24, 2015 |
| Printed, PDF | Page 308 Last line |
If an animated GIF is set "global palette", then all frames share the 256 color palette; but, if it's set "local palette", then each frame has its own 256 color palette. However, local palettes usually cause bigger file size. |
cssmagic | Oct 24, 2015 |
| Page 311 Sentence after “The what…", |
Sentence beginning with "As we saw in the previous chapter…": should probable begin with "As we saw in the previous secret…" |
Jørgen W. Lang | May 19, 2016 | |
| Page 335 figure 8.34 |
Unfortunately habrahabr.ru uses a different, much less fun, 404 page as of May 2016. |
Jørgen W. Lang | May 23, 2016 |