FishkiWebflow
FishkiWebflow
  • Видео 216
  • Просмотров 203 169
Модальное окно при помощи Finsweet Modal
ссылка на сайт - finsweet.com/attributes
Хотите обучиться верстке в редакторе webflow и начать зарабатывать не выходя из дома? Тогда приглашаю вас на курс "Webflow Start" - fishki.webflow.io
Instagram - viacheslav_volodin
Мой telegram - t.me/vvstudio
Telegram канал - t.me/webflowschool
Просмотров: 69

Видео

Создаем несколько модальных окон
Просмотров 644 часа назад
Хотите обучиться верстке в редакторе webflow и начать зарабатывать не выходя из дома? Тогда приглашаю вас на курс "Webflow Start" - fishki.webflow.io Instagram - viacheslav_volodin Мой telegram - t.me/vvstudio Telegram канал - t.me/webflowschool
Новая сборка swiper slider webflow
Просмотров 35014 часов назад
ссылка на проект - t.me/webflowschool/520 Хотите обучиться верстке в редакторе webflow и начать зарабатывать не выходя из дома? Instagram - viacheslav_volodin Мой telegram - t.me/vvstudio Telegram канал - t.me/webflowschool
Кастомная кнопка для формы webflow | custom submit button
Просмотров 2382 месяца назад
Создаем кастомную кнопку для формы webflow для удобства управления. Используем атрибут finsweet Mirror click events курс "Webflow Start" - fishki.webflow.io Уютное комьюнити - t.me/webflowshcoolchat Instagram - viacheslav_volodin Мой telegram - t.me/vvstudio Telegram канал - t.me/webflowschool
Мобильное меню с выходом снизу | Bottom Navigation Mobile Menu
Просмотров 2252 месяца назад
Хотите обучиться верстке в редакторе webflow и начать зарабатывать не выходя из дома? Тогда приглашаю вас на курс "Webflow Start" - fishki.webflow.io Уютное комьюнити - t.me/webflowshcoolchat Instagram - viacheslav_volodin Мой telegram - t.me/vvstudio Telegram канал - t.me/webflowschool
Создание параллакс галереи ч2
Просмотров 842 месяца назад
Курс для новичка "Webflow Start" - fishki.webflow.io Просто поддержать проект чашечкой кофе - donate.stream/fishkiwebflow Instagram - viacheslav_volodin Мой ВК - slavariik Мой telegram - t.me/vvstudio Telegram канал - t.me/webflowschool
Создание блока галереи ч 1
Просмотров 1392 месяца назад
Курс для новичка "Webflow Start" - fishki.webflow.io Просто поддержать проект чашечкой кофе - donate.stream/fishkiwebflow Instagram - viacheslav_volodin Мой ВК - slavariik Мой telegram - t.me/vvstudio Telegram канал - t.me/webflowschool
01 Практика Подготовка макета и проекта
Просмотров 4492 месяца назад
Хотите обучиться верстке в редакторе webflow и начать зарабатывать не выходя из дома? Тогда приглашаю вас на курс "Webflow Start" - fishki.webflow.io Ссылка на макет - t.me/webflowschool/490 Instagram - viacheslav_volodin Мой telegram - t.me/vvstudio Telegram канал - t.me/webflowschool
02 Практика Верстка ч2
Просмотров 2112 месяца назад
Хотите обучиться верстке в редакторе webflow и начать зарабатывать не выходя из дома? Тогда приглашаю вас на курс "Webflow Start" - fishki.webflow.io Instagram - viacheslav_volodin Мой telegram - t.me/vvstudio Telegram канал - t.me/webflowschool
03 Практика Верстка меню и подключение плагинов
Просмотров 2342 месяца назад
Хотите обучиться верстке в редакторе webflow и начать зарабатывать не выходя из дома? Тогда приглашаю вас на курс "Webflow Start" - fishki.webflow.io Instagram - viacheslav_volodin Мой telegram - t.me/vvstudio Telegram канал - t.me/webflowschool
04 Практика Верстка блока about
Просмотров 1012 месяца назад
Хотите обучиться верстке в редакторе webflow и начать зарабатывать не выходя из дома? Тогда приглашаю вас на курс "Webflow Start" - fishki.webflow.io Instagram - viacheslav_volodin Мой telegram - t.me/vvstudio Telegram канал - t.me/webflowschool
05 Практика Мобильная версия
Просмотров 922 месяца назад
Хотите обучиться верстке в редакторе webflow и начать зарабатывать не выходя из дома? Тогда приглашаю вас на курс "Webflow Start" - fishki.webflow.io Instagram - viacheslav_volodin Мой telegram - t.me/vvstudio Telegram канал - t.me/webflowschool
Меняем формы элементов при помощи | Webflow APPS Clip Path Bay
Просмотров 3093 месяца назад
webflow.com/apps/detail/clip-path-bae?category=content-management-design Хотите обучиться верстке в редакторе webflow и начать зарабатывать не выходя из дома? Тогда приглашаю вас на курс "Webflow Start" - fishki.webflow.io Instagram - viacheslav_volodin Мой telegram - t.me/vvstudio Telegram канал - t.me/webflowschool
Меняем цвет svg при помощи приложения
Просмотров 2744 месяца назад
t.me/webflowschool/493 Хотите обучиться верстке в редакторе webflow и начать зарабатывать не выходя из дома? Тогда приглашаю вас на курс "Webflow Start" - fishki.webflow.io Instagram - viacheslav_volodin Мой telegram - t.me/vvstudio Telegram канал - t.me/webflowschool
003 Инструменты для работы с куратором
Просмотров 1584 месяца назад
003 Инструменты для работы с куратором
030. Добавление удаление и копирования страниц
Просмотров 854 месяца назад
030. Добавление удаление и копирования страниц
029 Symbols инструмент символ
Просмотров 834 месяца назад
029 Symbols инструмент символ
025. Navbar
Просмотров 1714 месяца назад
025. Navbar
024. Slider
Просмотров 1404 месяца назад
024. Slider
023 Dropdown элемент - Выпадающий список webflow
Просмотров 1594 месяца назад
023 Dropdown элемент - Выпадающий список webflow
022. Элемент форма
Просмотров 1344 месяца назад
022. Элемент форма
021 Видео фон
Просмотров 1104 месяца назад
021 Видео фон
020 Background задний фон
Просмотров 804 месяца назад
020 Background задний фон
019 Блок медиа картинки, видео,лоттие
Просмотров 1214 месяца назад
019 Блок медиа картинки, видео,лоттие
017 Список list
Просмотров 1064 месяца назад
017 Список list
018 Линк блок и кнопка
Просмотров 954 месяца назад
018 Линк блок и кнопка
016 Позиционирование фиксированое и липкое
Просмотров 894 месяца назад
016 Позиционирование фиксированое и липкое
015 Позиционирование относительное и абсолютное
Просмотров 1094 месяца назад
015 Позиционирование относительное и абсолютное
014. Отступы Padding и Margin
Просмотров 944 месяца назад
014. Отступы Padding и Margin
013. Еденицы измерения
Просмотров 874 месяца назад
013. Еденицы измерения

Комментарии

  • @RVStudioFilm
    @RVStudioFilm День назад

    У тебя там пожар, что ли? Куда так торопишься?

    • @FishkiWebflow
      @FishkiWebflow День назад

      Есть такая функция как обрезка тишины. Переборщила )

  • @Bars_Sl
    @Bars_Sl День назад

    Интересные фишки, но для меня ничё нового 😋

  • @kpedutka
    @kpedutka 3 дня назад

    спасибо большое, я чуть не вскрылся пока сам пытался сделать такой слайдер, благодаря тебе я жив ❤

    • @FishkiWebflow
      @FishkiWebflow 3 дня назад

      рад что помогло это видео )

    • @FishkiWebflow
      @FishkiWebflow 3 дня назад

      но для просто ты и работоспособности я предлагаю так же использовать swiper.js

  • @miroed
    @miroed 6 дней назад

    Интересные фишки, но для меня ещё сложновато

    • @FishkiWebflow
      @FishkiWebflow 6 дней назад

      По этому я даю готовые сборки что бы вы их просто копировали

  • @user-ju1fm5dj7x
    @user-ju1fm5dj7x 8 дней назад

    Заработало! Это я туплю, вставляла в ID) 4 утра)) Спасибо за такое емкое и полезное видео!

  • @user-ju1fm5dj7x
    @user-ju1fm5dj7x 8 дней назад

    Ничего не работает( Перебрала уже кучу кодов

  • @stanislavosipov2838
    @stanislavosipov2838 9 дней назад

    Привет, как сделать кастомные стрелки переключения слайдов в этом слайдере?

    • @FishkiWebflow
      @FishkiWebflow 9 дней назад

      Есть же другое видео про стрелки

  • @olehpavlenko3638
    @olehpavlenko3638 25 дней назад

    Відео достойне лайка і на скільки доступно ви розжовуєте матеріал. Фін світ класна штука

    • @FishkiWebflow
      @FishkiWebflow 10 дней назад

      Дякую за теплий відгук. Це мотивує робити для вас користний контент

  • @andrew-pro85
    @andrew-pro85 29 дней назад

    Спасибо за урок! А как сделать на странице кнопку, при нажатии на которую происходит копирование в буфер не текста, а скажем какого-то блока в вебфлоу? Чтобы можно было вставить в другой проект WF?

    • @FishkiWebflow
      @FishkiWebflow 29 дней назад

      Я понял. Для чего. Я пока не задавал я такой задачей по этому точно ответить не смогу

  • @CrazyMarketingAgency
    @CrazyMarketingAgency 29 дней назад

    СпасибО!

  • @anton_youtube_1
    @anton_youtube_1 Месяц назад

    спасибо за урок, а есть ссылка на темплейт? для его использования нужен платный тариф ?

  • @anton_youtube_1
    @anton_youtube_1 Месяц назад

    спасибо за видео, скажите пожалуйста, компоненты которые вы добавляли для резины сайта на 22:50 минуте они доступны только для платной версии вебйлоу или их можно закинуть в настройки страницы меджик темплейт и все так же будет работать?

  • @nadya4315
    @nadya4315 Месяц назад

    влияет ли такой редирект на webflow pages на скорость загрузки сайта на вордпрес?

  • @anton_youtube_1
    @anton_youtube_1 Месяц назад

    спасибо за урок, а есть видео в котором вы показываете как сделать кастомные иконки для списка?

    • @FishkiWebflow
      @FishkiWebflow Месяц назад

      могу сделать такое видео. но в в принципе нужно просто убрать точки списка и как я поместил изображение оно будет кастомной иконкой. Так же можно вставить svg иконку через приложение и даже настроить интерекции или просо ховер изменения цвета иконки и текста

  • @MariiaMalikova
    @MariiaMalikova Месяц назад

    Спасибо! только я сюда еще добавила бы second click height 0 на этапе воздействия на sibling element. а то получается аккордеон без клика за его границы не закрывается. ну это у меня так, может у всех работает)

    • @FishkiWebflow
      @FishkiWebflow Месяц назад

      да в этом и есть недостаток этого способа / что нужно доработать костылями. Я чаще использую нативный дропдаун и настраиваю его как в другом видео

  • @Zalkar.Designer
    @Zalkar.Designer Месяц назад

    Спасибо братан

  • @olgaperesunko1301
    @olgaperesunko1301 Месяц назад

    Спасибо. Классно

  • @MrNikolaevv
    @MrNikolaevv 2 месяца назад

    А нельзя было просто единицы измерения в отступах на VW поменять?

    • @FishkiWebflow
      @FishkiWebflow 2 месяца назад

      У иконки нет отступа у нее есть только позиционирование. В единицах vw происходит то же самое. Так как это положение относительно ширина видимой области а не кнопки.

  • @VolAdrenaline
    @VolAdrenaline 2 месяца назад

    Добрый день, а где ссылка на заготовленный шаблон?)

  • @VolAdrenaline
    @VolAdrenaline 2 месяца назад

    Добрый день, классный урок, а где ссылка на макет?

    • @FishkiWebflow
      @FishkiWebflow 2 месяца назад

      Добавил ссылку

    • @VolAdrenaline
      @VolAdrenaline 2 месяца назад

      @@FishkiWebflow Ещё шаблон webflow)

  • @sergeyr6101
    @sergeyr6101 2 месяца назад

    Люди добрые подскажите, я новичок совсем. Делаю фильтры по товару, нужно, что бы результаты этих фильтров выводились на отдельной странице. Например нажимаешь на кнопку "применить" и тебя перебрасывает на страницу, где так-же с верху фильтр с примененными подборками, а в низу сам результат фильтрации. Использую для фильтров finsweet

    • @FishkiWebflow
      @FishkiWebflow 2 месяца назад

      Финсвит не бросает на новую страницу. Ваша задача не соврем ординарная

  • @user-ez1pz5gl2h
    @user-ez1pz5gl2h 2 месяца назад

    Purty? pArty - вечеринка

    • @FishkiWebflow
      @FishkiWebflow 2 месяца назад

      ну макет не мой по этому сори а внимания не обратил

  • @user-os5se7zg9j
    @user-os5se7zg9j 2 месяца назад

    Актуально даже в 2024 😁👍

  • @sw0721
    @sw0721 2 месяца назад

    Интересно и доступно. Спасибо за ваши старания!

  • @nalivayko71
    @nalivayko71 3 месяца назад

    хороший урок!

  • @user-bj6xn5fw7g
    @user-bj6xn5fw7g 3 месяца назад

    Добрый день. Спасибо за урок! Все доступно и понятно! Не нашла под видео материалы к уроку

    • @FishkiWebflow
      @FishkiWebflow 3 месяца назад

      Добрый день обновил ссылки на материалы

  • @eke.official
    @eke.official 3 месяца назад

    Ты бог!!!! 🎉🎉 сколько я искал

  • @user-bv9oe2fd9g
    @user-bv9oe2fd9g 3 месяца назад

    👍

  • @nalivayko71
    @nalivayko71 3 месяца назад

    это в комментарии к ролику, не в критике )

  • @nalivayko71
    @nalivayko71 3 месяца назад

    в фигме определить расстояние между объектами - выделить объект, зажимаем alt + ховер над вторым объектом - может кому будет полезно

  • @nalivayko71
    @nalivayko71 3 месяца назад

    а если делать не паддингом, а контейнеру внутренний отступ задавать? Чтобы избавиться от лишней вложенности. Или я не понял преимущества этой настройки?

    • @FishkiWebflow
      @FishkiWebflow 3 месяца назад

      Это система клиент ферст от финсвит. Я и так убрал из нее для удобства для себя лишние элементы. Но с пудингом работать удобно. Не затрагивая контейнер. Что бы не вешать на него комбоклассы

  • @Bars_Sl
    @Bars_Sl 4 месяца назад

    Есть ли в приложении возможность добавить скругленные углы? Через CSS надо писать round и размер скругления. Вчера тоже понадобилось, правда ещё анимацию прикрутил чтобы сделать shatter эффект раскрывая контента из центра.

    • @FishkiWebflow
      @FishkiWebflow 4 месяца назад

      элемент делится на части и каждый из них подлежит управлению так же эти параметры как я уже говорил можно копировать и добавлять в кастом пропертис и оттуда уже настраивать анимации

  • @razdavator
    @razdavator 4 месяца назад

    крутой инструмент

  • @smartfort2741
    @smartfort2741 4 месяца назад

    Огонь

  • @KZ-uo8gc
    @KZ-uo8gc 4 месяца назад

    Ждем больше роликов! Эта тема очень интересная

  • @stanislavosipov2838
    @stanislavosipov2838 4 месяца назад

    Круть!

  • @user-kx4ph1xr7n
    @user-kx4ph1xr7n 4 месяца назад

    Спасибо тебе, давно искал данное решение. А как изменить масштаб данной svg иконки?

    • @FishkiWebflow
      @FishkiWebflow 4 месяца назад

      просто задав размеры

  • @DrWoT-uh9zm
    @DrWoT-uh9zm 4 месяца назад

    Если подскажешь еще где брать лотти файлы бесплатно и с большим выбором, было бы круто!

    • @FishkiWebflow
      @FishkiWebflow 4 месяца назад

      finsweet.com/lottieflow

    • @FishkiWebflow
      @FishkiWebflow 4 месяца назад

      lottiefiles.com/

    • @DrWoT-uh9zm
      @DrWoT-uh9zm 4 месяца назад

      @@FishkiWebflow лотти файлс знаю. Но там так мало бесплатных) а про первый надо посмотреть. Спасибо за ответ!

    • @DrWoT-uh9zm
      @DrWoT-uh9zm 4 месяца назад

      А вы умеете делать кастомные иконки в афтер эф.? Ну там с переливанием цветов и т.д. самых простых. Как нарисовать и украсить. Доп уроком было бы круто. Или как делают же при скролле вниз, тянется стрелка черная) по всему сайту типа прогресс бара. Ну какой нибудь урок про такие анимашки и эффекты. Чтоб сайт выделялся такими мелкими и простыми в создании мелочами.

    • @DrWoT-uh9zm
      @DrWoT-uh9zm 4 месяца назад

      И ещё один вопрос. Тут наткнулся на сервис такой же ка этот, называется FlutterFlow. Там помимо веб. Ещё и мобильное приложение можно делать. Не сталкивались с ним. Если да, то можно было бы сделать обзор на него? Или сравнение провести.

  • @nalivayko71
    @nalivayko71 4 месяца назад

    со звуком проблема

    • @FishkiWebflow
      @FishkiWebflow 4 месяца назад

      Курс старый и аппаратуры тогда не было как сегодня. ((

    • @nalivayko71
      @nalivayko71 4 месяца назад

      это у меня оказывается )@@FishkiWebflow

  • @alexandermikolyk7987
    @alexandermikolyk7987 5 месяцев назад

    Привет) У меня получается в ленте при скролле промежуток с пустым местом. Как настроить чтобы скролл был без разрывов?

    • @FishkiWebflow
      @FishkiWebflow 5 месяцев назад

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

    • @alexandermikolyk7987
      @alexandermikolyk7987 5 месяцев назад

      @@FishkiWebflow все по видео, единственное что в ремах падинги в айтемах. Может быть в это причина?

    • @alexandermikolyk7987
      @alexandermikolyk7987 5 месяцев назад

      @@FishkiWebflow скинул в личку. Получается что когда выезжает второй ряд логотипов, его вначале не видно, поэтому пустое место, а потом он резко появляется

  • @andryrybak
    @andryrybak 5 месяцев назад

    сапсибо работает) А как запустить его в другую сторону, что бы изображения всегда были в поле видимомости, если поставить @keyframes marquee-horizontal { from { transform: translateX(0); } to { transform: translateX(50%); } он смещается но изображений не видно до тех пор пока не пройдет цикл

    • @FishkiWebflow
      @FishkiWebflow 5 месяцев назад

      Свойство reverse добавить

  • @olnv1
    @olnv1 6 месяцев назад

    круто!

  • @Svetlana-hk3mm
    @Svetlana-hk3mm 6 месяцев назад

    Спасибо за видео!

  • @fmdevelop
    @fmdevelop 6 месяцев назад

    С этими приемами / костылями не все гладко. Это не просто кастомный код в страницу, что вынужденная мера. Это еще и ссылка на внеший css и внешний js. Ваш сайт будет не самодостаточный, а зависящий от кода с чужого ресурса, который может отключиться, измениться, начать взымать плату и так далее. Кроме того внешний css и js запрещен если захотите сайт превратить в WF-шаблон. Это используют и для продажи шаблонов и для удобства работы со своим сайтом. Стоит помнить про эти особенности

    • @FishkiWebflow
      @FishkiWebflow 6 месяцев назад

      Любой сайт с этим плагином будет зависеть. От тех или иных условий. Свайпер не используется для шаблонных решений. Есть предложение по лучше ?

  • @fmdevelop
    @fmdevelop 6 месяцев назад

    А где код скрипта в "телеграм канале, ссылка которого в описании"? В канале много постов и скриптов, в том числе на тему табов и слайдеров. Где код из этого урока?

    • @FishkiWebflow
      @FishkiWebflow 6 месяцев назад

      Перейдите в канал телеграмм

    • @fmdevelop
      @fmdevelop 6 месяцев назад

      Перешел, вижу пост рекламы зарубежной недвижимости, и много постов ранее. Где же код? @@FishkiWebflow

  • @MrSstar12345
    @MrSstar12345 6 месяцев назад

    галерея Masonry

  • @olgaperesunko1301
    @olgaperesunko1301 6 месяцев назад

    Большое спасибо! Не могла сделать норм иерархию. Пошла делать

  • @alma4ka2
    @alma4ka2 7 месяцев назад

    Спасибо за видео, все работает. Подскажите пожалуйста, как сделать, чтобы курсор всегда был вначале инпута

    • @FishkiWebflow
      @FishkiWebflow 7 месяцев назад

      Думаю надо дописать пару строчек в коде

  • @stanislavosipov2838
    @stanislavosipov2838 7 месяцев назад

    Спасибо за сборку! Подскажите пожалуйста как сделать так чтобы по картинке в свайпере можно было кликнуть? По клbre на картинку должен открываться лайт бокс. А картинка совсем не кликается. И еще момент, на десктоп почему-то нет возможности листать мышкой. Только пагинацией и стрелками. И еще цвет пагинации у точек не меняется

    • @FishkiWebflow
      @FishkiWebflow 7 месяцев назад

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