В этом уроке разберемся, как сделать крутые и сложные анимации при скролле экрана, чтобы ваш сайт выглядел более динамичным. Расскажем, что такое триггерный элемент, какие эффекты можно создавать и как адаптировать анимацию для разных экранов.
В этом уроке разберемся, как сделать крутые и сложные анимации при скролле экрана, чтобы ваш сайт выглядел более динамичным. Расскажем, что такое триггерный элемент, какие эффекты можно создавать и как адаптировать анимацию для разных экранов.
Слайдер добавляет сайту динамики и помогает нестандартно упаковать контент, а значит — привлечь внимание пользователей. Предлагаем не ограничиваться скучным блоком со стрелками по бокам и точками снизу, а создавать более креативные решения. Чтобы клиенты залипли и не смогли оторваться от листания. Давайте посмотрим, какие интересные эффекты можно сделать на слайдерах, на примере креативов из конструктора сайтов Taptop. А потом разберемся, как самим создать кастомный слайдер. Итак, начинаем смотр
Долгая загрузка — это стоп-фактор, мешающий продвижению сайта в Google. Поисковик знает, что пользователи не любят ждать, и понижает в выдаче медленные веб-страницы. Расскажем, от чего зависит производительность и как ее проверить в сервисе Google PageSpeed Insights. А еще разберемся, как ускорить загрузку сайта, чтобы он смог попасть в топ поиска.
Когда вы создаете многостраничный сайт, часто приходится повторять одни и те же действия для настройки дизайна на каждой странице. А глобальные правки по всему сайту вызывают вселенскую боль. Расскажем, как ускорить создание многостраничников с помощью компонентов и дизайн-систем.
Поговорим про правильную типографику на сайте — как сделать так, чтобы тексты было удобно читать и они хорошо выглядели на любом устройстве. Ведь от этого во многом зависит, задержатся ли пользователи на странице или пойдут дальше.
Поговорим о плюсах и минусах использования шаблонов при создании сайта. Расскажем, какую пользу могут принести шаблоны, и чем они помогут — как новичкам в дизайне, так и профессионалам.
Как сделать разработку сайта проще и доступнее? Может ли код написать себя сам? Нужно ли дизайнеру уметь верстать? И при чем здесь БЭМ? Cейчас мы во всем разберемся по порядку вместе с no-code платформой Taptop.
Какая разница, какой код у сайта? Дизайн красивый, работает нормально — значит всё в порядке. Посмотрим, как выглядят сайты под капотом, — и разберемся, почему важен не только на внешний вид, но и внутреннее содержание.
В этом уроке мы расскажем, как сделать уникальный дизайн кнопок при наведении курсора — разберем, как работает hover.
Поговорим об основе верстки сайтов — структуре и базовых блоках. На примере работы на платформе Taptop покажем, как принципы верстки помогают создавать сайты быстро и удобно, а также моментально вносить изменения в дизайн.
Слайдер добавляет сайту динамики и помогает нестандартно упаковать контент, а значит — привлечь внимание пользователей. Предлагаем не ограничиваться скучным блоком со стрелками по бокам и точками снизу, а создавать более креативные решения. Чтобы клиенты залипли и не смогли оторваться от листания. Давайте посмотрим, какие интересные эффекты можно сделать на слайдерах, на примере креативов из конструктора сайтов Taptop. А потом разберемся, как самим создать кастомный слайдер. Итак, начинаем смотр
Долгая загрузка — это стоп-фактор, мешающий продвижению сайта в Google. Поисковик знает, что пользователи не любят ждать, и понижает в выдаче медленные веб-страницы. Расскажем, от чего зависит производительность и как ее проверить в сервисе Google PageSpeed Insights. А еще разберемся, как ускорить загрузку сайта, чтобы он смог попасть в топ поиска.
Когда вы создаете многостраничный сайт, часто приходится повторять одни и те же действия для настройки дизайна на каждой странице. А глобальные правки по всему сайту вызывают вселенскую боль. Расскажем, как ускорить создание многостраничников с помощью компонентов и дизайн-систем.
Поговорим про правильную типографику на сайте — как сделать так, чтобы тексты было удобно читать и они хорошо выглядели на любом устройстве. Ведь от этого во многом зависит, задержатся ли пользователи на странице или пойдут дальше.
Поговорим о плюсах и минусах использования шаблонов при создании сайта. Расскажем, какую пользу могут принести шаблоны, и чем они помогут — как новичкам в дизайне, так и профессионалам.
Как сделать разработку сайта проще и доступнее? Может ли код написать себя сам? Нужно ли дизайнеру уметь верстать? И при чем здесь БЭМ? Cейчас мы во всем разберемся по порядку вместе с no-code платформой Taptop.
Какая разница, какой код у сайта? Дизайн красивый, работает нормально — значит всё в порядке. Посмотрим, как выглядят сайты под капотом, — и разберемся, почему важен не только на внешний вид, но и внутреннее содержание.
Поговорим об основе верстки сайтов — структуре и базовых блоках. На примере работы на платформе Taptop покажем, как принципы верстки помогают создавать сайты быстро и удобно, а также моментально вносить изменения в дизайн.
Как сделать сайт, который будет решать бизнес-задачи клиента, а не просто красиво лежать в вашем портфолио? Прежде всего — обратить внимание на юзабилити, т.е. удобство для пользователей. Работает так: удобный интерфейс → довольные клиенты → выше конверсия. Команда No-code платформы Taptop собрала для вас гайд по юзабилити сайтов с примерами хороших и плохих решений.
Поговорим о насущном — о работе и деньгах. Разберемся, как вырасти в крутого специалиста в сфере дизайна и повысить свою профессиональную ценность — для клиентов или для работодателей. Поищем идеи, как дизайнеру зарабатывать больше и получать дополнительный доход. Держим курс на профессиональное развитие и увеличение заработка — поехали!
В этом уроке разберемся, как сделать крутые и сложные анимации при скролле экрана, чтобы ваш сайт выглядел более динамичным. Расскажем, что такое триггерный элемент, какие эффекты можно создавать и как адаптировать анимацию для разных экранов.
В этом уроке мы расскажем, как сделать уникальный дизайн кнопок при наведении курсора — разберем, как работает hover.
В этом уроке вы научитесь верстать слайдер на Taptop по макету из Figma и делать его адаптацию для мобильных устройств.
На курсе вы научитесь базовым принципам верстки и настройки сайта на no-code платформе Taptop. Мы проведем вас шаг за шагом через весь процесс создания сайта: от регистрации до полной сборки. Расскажем обо всех особенностях нашей платформы и покажем, на что нужно обратить особое внимание. Этот курс особенно полезен для тех, кто только начинает знакомство с Taptop. Курс состоит из 10 видео. А если хотите получать обратную связь и домашние задания с проверкой, регистрируйтесь на бесплатный курс от
Урок по no-code верстке на платформе Taptop. Верстаем главную страницу сайта дома моды Balenciaga и делаем адаптацию для разных устройств.
Написал первую статью и ее опубликовали
Николай, спасибо, что упомянул)