Адаптивная верстка лендинга с нуля | Адаптивные табы | Переключение Swiper по табам
В этом уроке мы сделаем табы, адаптируем их, если пунктов меню будет больше, настроим наш swiper слайдер так, чтобы он показывал по 4 блюда и напишем javascript-код для переключения слайдеров по табам.
Тайм-коды:
🕐00:00 - Начало
🕐01:10 - Пишем HTML для табов
🕐05:05 - Пишем SCSS для табов
🕐17:00 - Стилизуем scrollbar
🕐20:00 - Пишем Javascript для табов
🕐25:00 - Пишем HTML слайдеров
🕐34:35 - Пишем SCSS слайдеров
🕐38:40 - Пишем Javascript переключения табов и слайдеров
🕐46:40 - Стилизуем блоки с блюдами
🕐54:20 - Настраиваем слайдер
➡️Ссылка на макет:
➡️Первый выпуск:
➡️Второй выпуск:
➡️Третий выпуск:
➡️Четвертый выпуск:
➡️Пятый выпуск:
➡️Шестой выпуск:
➡️Плейлист по верстке:
➡️Github-репозиторий:
Подписывайтесь на Telegram канал:
🔷Telegram-канал:
Подписывайтесь на Instagr
2 views
27
4
2 months ago 03:55:52 1
Адаптивная верстка сайта с нуля для начинающих. Объяснение действий. HTML CSS
3 months ago 00:28:35 2
Chrome DevTools. Полный ГАЙД для Тестировщиков
3 months ago 00:25:11 1
Полный гайд по CSS Grid: адаптивная верстка за пару минут
3 months ago 00:11:36 1
Как написать соцсеть в 2024 году? Установка Node JS и Yarn. Реализация дизайна.
3 months ago 06:38:50 1
Полный курс HTML & CSS за 6 часов
3 months ago 00:35:30 1
#1 Адаптивная верстка сайта с нуля для начинающих | HTML, CSS, Figma практика | Анализ макета
3 months ago 00:05:02 155
Open Server 6.0 - Как создать проект. Как использовать Apache
4 months ago 00:16:13 1
Интенсивный курс адаптивная верстка сайта за 15 минут! html css
4 months ago 01:49:10 1
Как новичку создать красивый сайт | Подробный урок