Видеоинструкции

В этом разделе вы найдете обучающие видео. Рассказываем про возможности Taptop, делимся лайфхаками и поэтапно собираем сайты.

Подробные видеоуроки по платформе Taptop

Список обучающих видео


Все о тарифах Taptop

Рассказываем о тарифах для команды и для хостинга — в чем их особенности и для каких случаев они подходят.

VK Видео | YouTube

Верстка сайта с нуля. Подробный разбор

Показываем, как собрать сайт в Taptop. Верстаем десктопную версию и адаптируем её для мобильных устройств.

VK Видео | YouTube

Верстка сайта с нуля по макету Figma

Верстаем сайт Balenciaga и настраиваем адаптацию. Пиксельная верстка.


VK Видео | YouTube

Собираем сайт из готового шаблона

Показываем, как быстро сделать сайт, используя шаблон из маркетплейса Taptop.

VK Видео | YouTube

Анимация кнопки при наведении

Вы узнаете, как настроить стили для кнопки при наведении на нее курсора.

VK Видео | YouTube

Анимация при появлении на экране

Рассказываем, как добавить анимации на сайт, и показываем пример анимации по триггеру «Появление на экране».

VK Видео | YouTube

Эффект бегущей строки

Показываем, как быстро создать эффект бегущей строки.

VK Видео | YouTube

Как добавить кастомный курсор с помощью кода

Вы узнаете, как добавить уникальный курсор с помощью кастомного кода.

VK Видео | YouTube

Кастомный слайдер

Показываем, как сверстать необычный слайдер на сайте.

VK Видео | YouTube

Как добавить 3D объект

Простой способ вставить на сайт 3D объект без написания кода с помощью Spline. Рассказываем, как это работает.

VK Видео | YouTube

Как добавить Видео

Разбираемся, как работать с виджетом Видео, чтобы загружать на сайт видео-контент.

VK Видео | YouTube

Анимация по скроллу

Подробно и с примерами об анимациях при прокрутке страницы.

VK Видео | YouTube

Как отправлять данные из форм в Телеграм

Рассказываем, как подключить Телеграм-бота для получения заявок с сайта в Телеграм.

VK Видео | YouTube

Как настроить платежную систему на сайте

Подробно разбираем, как настроить онлайн-платежи на сайте Taptop на примере подключения Т-Банк.

VK Видео | YouTube

Как настроить анимацию при наведении или клике

Рассказываем про настройку анимации по триггерам Click & Hover, а также на примерах объясняем настройки такой анимации.

VK Видео | YouTube

Как сверстать карточку с анимацией при наведении и клике

Разбираем настройку анимации при наведении и клику на примере стильной карточки, которая украсит любой сайт и точно привлечет внимание пользователей.

VK Видео | YouTube

Как добавить свой шрифт в Taptop

Рассказываем о том, как легко загружать пользовательские шрифты на Taptop и какие нюансы следует учесть.

VK Видео | YouTube

Как настраивать якорные ссылки в Taptop

Расскажем, как использовать якорные ссылки и прокачать навигацию на своем сайте, чтобы пользователь легко ориентировался в контенте.

VK Видео | YouTube

Единицы измерения CSS. Px, %, vw, vh — что использовать в Taptop

Научим разбираться в единицах измерения в верстке. На примерах и максимально подробно расскажем, зачем и для каких случаев используют px, %, vw, vh.

VK Видео | YouTube

Что такое коллекции в Taptop и как с ними работать

Покажем на примере, как работать с коллекциями и создавать карточки товаров.

VK Видео | YouTube

Как работать с классами в Taptop

Вы узнаете, что такое классы и как эффективно с ними работать в Taptop. Мы рассмотрим, что такое локальные стили и покажем, как настраивать классы. В процессе вы научитесь создавать дизайн для карточек и применять классы для стилизации вашего сайта.

VK Видео | YouTube | Rutube