001. Школа разработки интерфейсов – Адаптивная вёрстка. Дмитрий Душкин

О проблемах отображения современного сайта на разных устройствах, с их удачными и не лучшими решениями. В практической части лекции рассматривается процесс улучшения статического сайта и основные прикладные техники адаптивной вёрстки. Полезные материалы: Про суть адаптивной верстки и что для этого можно использовать (на русском) —
Про viewport —
Базовые вещи, который нужно учитывать при дизайне и верстке для мобильных —
Пример с объяснениями верстки макета новостного сайта —
Как лучше расставлять breakpoints (where content breaks) @media —
Responsive images —
Адаптивные изображения (на русском) —
Responsive typography (basics) –
Responsive typography (advanced) –
(главы про библиотеки можно не читать)
Скачать презентацию можно по ссылке: