Учимся делать веб-сайты с нуля до трудоустройства. Разбираемся, как делать адаптивную верстку, чтобы сайт работал корректно на всех устройствах: телефон, планшет, ноутбук, большой экран. Что было на прошлом занятии? Мы завершили верстку дизайна и получили полностью рабочий код главной страницы. Вот ссылка на архив с результатами прошлого урока: https://github.com/madmaker/srmt22-lsn10/archive/refs/tags/v1.zip Скачайте себе этот архив, распакуйте и откройте в vsCode. На его основе мы будем делать этот урок...

Адаптивный дизайн сайта — это уже давно стандарт отрасли при создании новых проектов. То есть любой сайт должен автоматически адаптироваться под размер экрана пользователя — будь то широкоформатный монитор, планшет или смартфон. У всех версий есть свои особенности. Интересно, что традиционно разработку дизайна всегда начинали с десктопной версии, а уже потом — упрощая ее и стандартизируя различные сложные визуальные элементы, создавали облегченные версии для планшета и мобильного устройства. Однако,...

Когда ты строишь сайт, ты будто создаёшь волшебный замок. Но замок, который красиво смотрится только с одной стороны — не настоящая магия. Адаптивность — это искусство подстроиться. Показать себя во всей красе на: · компьютере мага, · планшете ученика, · и телефоне, который держит "ведьма в маршрутке". Больше 70% пользователей приходят с телефона. Если твой сайт не читабелен, не кликабелен, не логичен на маленьком экране — ты теряешь посетителей ещё до того, как они увидят твою красоту. Адаптивность — это уважение к пользователю...