План воркшопа:

Коммуникация на уровне: Дизайнер — Фронтендер

1. Вступление

• Основная сложность в работе дизайнера для фронтенда.
• Почему сложности приводят к ошибкам, которые убивают время.
• Какие проблемы это создаёт проекту, и как не делать такие ошибки.

2. Ошибки и сложности в подготовке дизайна

• Разный текст и на разных разрешениях.
• Разное количество элементов на разных разрешениях.
• Разные отступы, размеры, стилизация идентичиных элементов на разных страницах.
• Использование текста как векторный объект и его масштабирование.
• Иной размер картинки, обрезаемой областью, на этапе экспорта.
• Режимы наложения.
• Векторные изображения вставлены растром.
• Переносы слов не шириной, а жёстким переносом.
• Оверлеи на картинках зашиты в картинки.
• Картинки со скруглёнными краями вставлены в итоговый макет.

3. Сложности

• Изменение порядка блоков в потоке на разных разрешениях.
• Вставка элементов в другие элементы (меню) на разных разрешениях.
• Кастомные селекты, скроллы, и другие элементы.
• Создание слишком сложных технологий под старые браузеры и отсутствие оптимизации под новые выпуски. 

4. Как дизайнеру тестировать вёрстку

5. Итог 

• Как коммуницировать с фронтендом, и почему это важно.
• Почему надо учиться соглашаться.

В следующий раз!
Коммуникация на уровне: Фронтендер — Дизайнер

1. Адаптив без дизайнера

• Базовые принципы перестроения блоков.
• Паттерны поведения различных элементов на разных разрешениях.
• Принципы работы с текстом на мобильных устройствах. 

2. Универсализация анимаций на сайте по скорости

3. Ховер-эффекты и взаимодействие со всеми элементами на странице

Спикер:

Серёжа Попов — CEO фронтенд-аутсорса «Лига А.», директор по талантам в HTML Academy, фронтенд-разработчик со стажем 10 лет, автор курсов и воркшопов, член программного кабинета FrontendConf.

Воркшоп проведём в конференции Zoom. Отправим ссылку на трансляцию на ваш имейл. Все участники получат видеозапись воркшопа.  

Встречаемся онлайн в четверг, 26 ноября, 19:00.