Воркшоп по базовой вёрстке

Что сверстаем

Что мы будем использовать

• Vanilla HTML
• Vanilla CSS
• CSS Custom Properties
• БЭМ

Блочная модель

Запись воркшопа и исходники приложения

• Пишем HTML код
• Стилизуем страницу
• Гитхаб с исходниками

Инструменты

• Валидатор HTML
• SVG OMG
• Emmet
• Compress PNG

Технические ссылки

• БЭМ
• X-UA-Compatible больше не нужен
• Normalize CSS
• Sanitize CSS
• Base Font Size
• CSS custom properties
• Figcaption vs Alt-text

Наведение, доступное сокрытие

• Hover with Bold
• Hover with Bold — 2
• Hover with Bold — 3
• Visually Hidden
• Visually Hidden in Tailwind

Дизайн и коммуникация

• Закон Фиттса
• Советы о законе Фиттса
• Что нужно от фронтов в дизайне
• Что нужно от дизайнеров во фронте
• Фронтенд — это не больно!

Откуда узнавать новости

• W3C
• Caniuse
• For Web Dev
• Веб-стандарты

Саша Беспоясов 👋

• bespoyasov.ru
• Твитер: @bespoyasov
• Телеграм: @bespoyasov