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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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