Макет и материалы к уроку: 9XtDDNBdHAk4Yjhi Верстаю макет в прямом эфире. Макет будет на стриме в описании под видео. Адаптивная мобильная верстка HTML CSS JS из Figma. FlexBox, формы, карусель. Первая часть. Десктоп: Плейлист: :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💻 Бесплатный курс “Создай свой первый сайт на HTML5 и CSS3“ От установки редактора, до публикации в сети. 👉 Получить уроки, конспекты, макет и код из уроков: :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💻 Курс по созданию и верстке сайтов: Обучение с наставником, 3 месяца, результат, гарантия. Научим создавать веб-сайты и зарабатывать на этом. 💻 Курс “Frontend разработчик. JavaScript React“: Обучение с наставником, 3 месяца, результат, гарантия. 💻 Курс “Разработка сайтов на PHP MySQL“: Создание сайтов с системой управления. Присоединиться к курсу можно прямо сейчас. 🏁 Обучение с нуля 💁♂️ Обучение с наставником 🎯 Доведение с нуля до результата 🏢 Помощь с трудоустройством 💵 Поможем взять первый заказ на фрилансе 💳 возможна рассрочка 💳 если курс не понравится, вернём деньги в первую неделю :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💈 Сайт школы ВебКадеми: 💈 Вступайте в группу Вконтакте: 💈 Подписывайтесь на Telegram: ТАЙМ КОДЫ: 00:00 Приветствие 00:33 Открываем код проекта. Где взять код и макет 02:00 Тег meta для адаптива 02:40 Добавление декоративных элементов в шапку 10:30 Адаптив 12:10 Фикс курсора для декора в шапке 14:00 Первая точка перелома. Адаптив для контейнера 17:45 Навигация 20:50 Иконка для мобильной навигации 28:00 Правка иконки моб навигации 34:30 Верстка мобильной навигации 43:40 JS скрипты для мобильной навигации 45:17 Общение с чатом 51:30 no-scroll для мобильной навигации 53:24 Адаптив для шапки 1:14:00 Общение с чатом 1:17:00 Секция Destinations 1:42:50 Общение с чатом 1:44:08 Секция Customers 1:51:40 Секция CTA 1:53:51 Секция Subscribe 1:55:10 Подвал сайта 2:04:25 Проверка адаптива 2:07:10 Правка Subscribe 2:14:10 Правка навигации в подвале 2:15:40 Правка Карусели. Один слайд на 320px 2:20:10 Правка Customers 2:23:33 Общение с чатом 2:30:10 Мои авторский курс по верстке сайтов 2:37:00 Публикуем проект на GitHub Pages #HTML #CSS #верстка #WebCademy #ВебКадеми #HTML5 #CSS3 #html #css #html5 #css3 #javascript #js
Hide player controls
Hide resume playing