uam

Тебя пригласили на интервью. Короче, говорят тебя рассматривают как потенциальный вариант.

Переводы не нужно искать. Они делаются отвратительно (топорно в техническом и литературном отношении - ни корректуры, ни работы технического и литературного редакторов в этих книжках нет; масса ошибок в тексте, коде; несоответствия текста иллюстрациям и/или коду; один и тот же объект может по-разному быть назван даже в рамках одного предложения (!) и т.д.). Читайте либо литературу изначально на русском написанную (это, правда, не освобождает ни от каких безобразий нынешнего книгоиздания кроме качества перевода) или на языке оригинала (это не так уж трудно, как может показаться на первый взгляд - преодолевается практикой). Конечно, не стоит думать, что иностранные издательства делают книги идеально - там тоже подчас бывает куча опечаток, но современное российское книгоиздание, увы, просто ужасно.

Лучше учить английский. Это сложнее, но намного правильнее.

"top": e.pageY - pos.top,
"left": e.pageX - 300

Если у Вас следует за курсором внутри бокса по оси X нормально, значит, как я понял "left" expand'a отсчитывается от левого края не .item, а какого-то из врапперов. А значит и "top" задается относительно враппера, отсюда и проблема.

Укажите для .item - position: relative; и перепишите "left"

Helios Cond, Pragmatica Cond, Bebas Neue и т.д. и т.п....
Вопрос некорректно задан...

Увжааемый uam кроме уже упомянутого ресурса Sass Guidelines можно посмотреть ролики про методологии типа SMACSS и BEM. Я снимал около полугода назад как раз такой ролик: www.youtube.com/watch?v=vXW7w3ym8hg.

Имхо, вложенностью вы убиваете одну из основных концепций расширяемости - увеличиваете специфичность. Такой вложенности, что у вас, в идеале вообще быть не должно (разве что в очень специфичных случаях), максимум 2, в редких случаях 3 уровня, не больше.

Также присоединюсь к комментарию Максим Антонихин - разбивайте на файлы по области их применения (хедер, формы, спец. стили для отдельной страницы и т.п.).

P.S. также большое количество вложенных селекторов увеличивают размер css в итоге, что может быть заметным.

Оставьте дедушку в покое...

Также как и мальчика. Показать что это интересно и увлекательно.
У нас в школах детей вот так учат https://scratch.mit.edu/

printf для детей очень скучно, потомучто не понимают "зачем"

А вот например рыбка или котик который реагирует на чтото. Очень даже интересно
Вот пример на немецком (другого не нашел). Но на русском тоже есть


PS.
забыл добавить.
Специально ждя детей есть lego mindstorm.
У них есть визуальная среда программирования, которая обучает логике

Если фото не опубликованы изначально под CC-BY, либо аналогичной (или более свободной), то указание авторства и ссылка на источник не служат оправданием нарушений лицензии.
Если фото опубликованы под CC-BY либо аналогичной, то указание авторства и ссылка на источник, приведенные где-то в недрах сайта отдельно от самих фото могут служить основанием претензий.

по возможности покажите что в логах установки?

Надо в wp_usermeta:

wp_capabilities 	-> a:1:{s:13:"administrator";b:1;}
wp_user_level	 -> 10