Верстка сайта-портфолио для новичков с подробным объяснением. Часть 2 – Адаптив, JS

Привет! Сегодня мы продолжим и закончим верстать сайт-портфолио. Мы сделаем адаптив всех секций, а так же немного попишем скриптов, чтобы добавить логику на наш сайт. Реализуем мобильное меню “бургер”, сделаем активные ссылки при скролле к той или иной секции. Присаживайся поудобнее, приятного просмотра! ⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯ Ссылки: Сервис Caniuse:
Макет:
Архив с результатом:
⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯ Соцсети: Telegram:
Github:
Рекомендую подписаться на мой канал Душевная Верстка:
⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯ Таймкоды: 00:00 – Введение 02:05 – Адаптив Шапки 09:25 – Пишем скрипт для мобильного меню 13:25 – Адаптив секции hero 15:32 – Адаптив секции с клиентами 18:43 – Адаптив секции с работами 21:11 – Адаптив секции about 25:07 – Адаптив подвала (footer) 26:55 – Настраиваем ссылки, пишем скрипт для плавного скролла 33:05 – Пишем скрипт для динамических ссылок 38:28 – Допиливаем мобильное меню ⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯ Теги: #webdev #верстка #layout #адаптив #html