Через час эфир. Подведём итоги чемпионата по вёрстке 3: разберём проекты участников вместе с экспертами из бигтех-компаний, которые их проверяли, и объявим победителя сезона.

Подключайтесь в YouTube или в VK Video.

Спросили у нейросети, как работает useEffect. Помогло. Через месяц на интервью просят объяснить — рассказать своими словами не получается.

Готовый ответ создаёт иллюзию понимания. Знания закрепляются, когда задача упирается и вы долго разбираетесь сами. Психологи называют это «желательными трудностями» — их обходят, когда отдают учёбу нейросети, и платят позже: на ревью, на интервью, в чужой кодовой базе.

В статье — обзор задач, где ИИ лучше отложить. Самая очевидная категория — обучение чему-то новому: готовые ответы убивают сами «желательные трудности». Сложные анимации лучше делать руками, пока не чувствуете тайминг и физику движения. Низкоуровневая оптимизация требует читать профайлер, которого нейросеть не видит. Архитектурные решения зависят от контекста команды и проекта. И отдельная история — код, влияющий на пользователей: тёмные паттерны в интерфейсах, аналитика, которая собирает больше нужного, и алгоритмы ранжирования. Это этический выбор разработчика, и промпт его не закроет.

Простой тест перед делегированием: если ИИ напишет код, а вы его не прочитаете — это станет проблемой? #ai #webdev

Читать статью

Самый крупный текст на макете — это всегда <h1> страницы?

Часто — нет.

Возьмём страницу магазина мороженого «Глейси». Крупное «Нежный пломбир с клубничным джемом» — это заголовок одного из слайдов: на следующем слайде стоит другой текст. Заголовок первого уровня для всего документа — «Магазин натурального мороженого Глейси». На макете этого заголовка нет: разработчик добавляет его в HTML отдельно, скрытым через класс visually-hidden.

Заголовок в HTML — это резюме содержимого блока. Крупный текст без такой функции лучше размечать как обычный абзац, а заголовок к блоку добавлять отдельно — скрытым через тот же класс. Так структуру корректно прочитают скринридеры и поисковые системы, а макет визуально не пострадает.

В статье — как разбирать макет на заголовки и когда нужны скрытые <h2>. И отдельно — про инструмент проверки иерархии заголовков в валидаторе W3C. #html #webdev

Читать статью

Кекс возвращается на Кексодачу завтра.

В город он уезжал по делам Академии — за неделю там накопились ревью, релизы и встречи с наставниками. Колесо у ворот висело под навесом, ждало хозяина.

Завтра Кекс снова заведёт «Запорожец», снимет колесо с гвоздя и откроет ворота на закрытие сезона. Три дня — последний шанс взять корзинку со скидкой до 50%.

Колесо появится у ворот завтра. Зайдите на htmlacademy.ru с 8 по 10 мая, крутаните и заберите свою скидку — после до следующего мая.