За полтора часа вы подключите веб-шрифт так, чтобы текст был виден с первой миллисекунды, а браузер не грузил ненужные начертания. Пошагово: от формата woff2 до self-hosting и font-display.
Браузер умеет проверять email, обязательные поля и диапазоны чисел без единой строки JavaScript. Разбираем типы input, атрибуты валидации и где встроенная проверка ломается.
Разбираем, почему min-width работает предсказуемее max-width, где ломается адаптивная сетка и когда медиазапросы вообще не нужны, если под рукой clamp и container queries.
Разбираем реальные грабли CSS Grid: почему макет разъезжается на мобильных, откуда берётся горизонтальный скролл и как исправить каждую ошибку.
Соберём три реальных макета на CSS Grid: карточки товаров, шапку сайта и адаптивную галерею. Без фреймворков, чистый CSS, полчаса времени.
Разбираем три реальных макета — карточки товаров, holy grail и панель дашборда — на чистом CSS Grid. С рабочей разметкой, которую можно скопировать и запустить.
За полчаса вы соберёте на flexbox горизонтальный ряд карточек, который сам переносится на узких экранах и выравнивает содержимое. Разберём каждое свойство на живом примере.
Через полчаса у вас будет открытая в браузере страница с заголовком, текстом, картинкой и простым оформлением. Разберём, что установить и как устроены файлы, чтобы не застрять на первом шаге.
За полтора часа вы соберёте страницу с шапкой, контентом и подвалом, которая не разъезжается на телефоне. И заранее обойдёте пять ошибок, на которых спотыкается почти каждый.
За полчаса вы соберёте страницу с шапкой, карточками и адаптивной сеткой — в текстовом редакторе и браузере, без сборщиков и фреймворков. Всё копируется и открывается локально.
Миграция ощущается как замедление: билд дольше, разработчики жалуются на ошибки типов. Разбираем, что реально измерить до и после перехода и как отделить пользу от накладных расходов.
После включения strict в tsconfig сборка прошла зелёной, а в продакшене платёжный виджет начал падать с TypeError. Разбираем, где типы соврали и почему компилятор пропустил ошибку.