Олег 01.01.2021
Глава 1
Стр. 38 (пояснения к листингу 1.6): "Два тега и один класс" - три тега: body, header, h1 (body header.page-header h1).
Стр. 42 (листинг 1.11):
"<p>Обязательно проверьте раздел с <a href="/specials" class="featured">нашими акциям!</a>.</p>"
Лишняя точка после </a>.
***
Глава 2
Стр. 62:
"Листинги 2.7 и 2.8 служат примером этого: размер шрифта в неупорядоченных списках устанавливается равным 8 em." - 0.8em.
Стр. 63:
"Это можно сделать с помощью кода из листинга 2.9. Он задает размер шрифта первого списка равным 8 em, как и ранее (см. листинг 2.7)." - 0.8em;
Стр. 64:
"Неупорядоченные списки имеют заданный шрифт 8 rem, который пересчитывается в 12,8 пиксела." - 0.8em;
Стр. 76 (пояснения к листингу 2.26):
"Поскльку переменная --secondary-color не определена, используется резервное значение - blue".
В листинге переменная --brand-color, т.е: color: var(--brand-color, blue). По идее, чтобы использовалось резервное значение нужно: color: var(--secondary-color, blue);
***
Глава 5
Стр. 169 - Код 2 блока объявлений не корректен (нельзя два раза подряд использовать :not по отношению к одному элементу).
Стр. 178 - Стоит иметь в виду, что в примерах кода автора классы называются согласно денежным единицам США (.cost-dollars, а не cost-roubles как в листинге и т.д с центами и копейками).
***
Глава 7
Стр. 221, листинг:
position: fixed;
top: 1em;
right: 1em;
width: 20%
- нет последней точки с запятой.
***
Глава 9
Стр. 291 - "Вначале добавьте на страницу разметку из листинга 9.11. Она содержит модуль Dropdown, включающий в себя модуль Menu. В ней есть также минимальное количество кода JavaScript, чтобы добавить функционал, когда toggle-кнопка нажата." - В примерах кода нет листинга 9.11. Есть 9.12.
***
Глава 12
Стр. 357, листинг для класса .nav-container__inner - не работает, потому что в HTML-коде нет этого блока (если идти с listing-12.2.html, в lisnting-12.3.html он появляется).
***
Глава 15.
Стр. 430, листинг 15.5 - "font-family: Exo 2, Helvetica, Arial, sans-serif;" - название первого шрифта из двух слов, должно быть в кавычках. Там же: "font-family: Russo One, serif;".
***
Глава 16.
Стр. 455. Листинг 16.4 содержит ошибку, повторяющуюся несколько раз. Класс для блока первой карточки - flyin-grid__item card, для остальных - grid__item card. Но стили применяются к первому классу, поэтому для остальных блоков не работают. Ошибка повторяется в примерах кода (файл listing-16.5.html).
***
Приложение 2
Стр. 484, 2 блок кода, последняя строка - не "font-weight: bold;", а "display: block;".
Анатолий 14.02.2020
Книга очень хорошая - как по глубине анализа, так и широте тем и ясности изложения.
Переводу на русский язык не хватает некоторых нюансов, абзацев и выражений, которые есть в оригинале (которые, вероятно, было весьма трудно перевести). Например, LoVe/HAte - способ запомнить последовательность описания псевдоклассов тега "a":
a:link
a:visited
a:hover
a:active
Весьма удобно читать и русскую и английскую версию (для более глубокого понимания замысла автора). Перечитывать её тоже очень полезно.
Большое спасибо переводчикам за проделанную работу и, конечно же, Издательскому дому "Питер"!
