![FishkiWebflow](/img/default-banner.jpg)
- 218
- 207 089
FishkiWebflow
Ukraine
Приєднався 5 кві 2010
Привет! Вы на канале FishkiWebflow. Меня зовут Вячеслав Володин и я уже больше 5 лет работаю на фрилансе, создавая сайты для клиентов и в частности работаю с инструментом о котором рассказываю и обучаю на этом канале.
Все что вы хотели знать о разработке сайтов, собрано на этом канале. Учимся верстать сайты без знания кода в сервисе webflow. Приобретаем навыки новой востребованной профессии верстальщик сайтов. Создаем сайты для себя или для клиентов.
Цель проекта, это помочь вам подробнее и лучше разобраться в работе с инструментом визуальной вёрстки webflow. Нет никаких волшебных таблеток для быстрого бабла ) Все зависит от вашего желания и упорства в обучении. Я лишь могу подправить ваши шаги.
Все что вы хотели знать о разработке сайтов, собрано на этом канале. Учимся верстать сайты без знания кода в сервисе webflow. Приобретаем навыки новой востребованной профессии верстальщик сайтов. Создаем сайты для себя или для клиентов.
Цель проекта, это помочь вам подробнее и лучше разобраться в работе с инструментом визуальной вёрстки webflow. Нет никаких волшебных таблеток для быстрого бабла ) Все зависит от вашего желания и упорства в обучении. Я лишь могу подправить ваши шаги.
webflow форма в коллекция с идентификацией продукта
Привязываем модальное окно к cms collection
ссылка на код - cuboid-creek-e96.notion.site/0cede1d6e64c4116b265e46444f3cfbf
Хотите обучиться верстке в редакторе webflow и начать зарабатывать не выходя из дома? Тогда приглашаю вас на курс "Webflow Start" - fishki.webflow.io
Instagram - viacheslav_volodin
Мой telegram - t.me/vvstudio
Telegram канал - t.me/webflowschool
ссылка на код - cuboid-creek-e96.notion.site/0cede1d6e64c4116b265e46444f3cfbf
Хотите обучиться верстке в редакторе webflow и начать зарабатывать не выходя из дома? Тогда приглашаю вас на курс "Webflow Start" - fishki.webflow.io
Instagram - viacheslav_volodin
Мой telegram - t.me/vvstudio
Telegram канал - t.me/webflowschool
Переглядів: 160
Відео
webflow cms Создаем коллекцию товаров 1
Переглядів 10021 день тому
Создать список продуктов в webflow cms внутри с формой и привязкой названия этого продукта что бы на почту получать заявку, и видеть на какую кнопку нажал посетитель. Хотите обучиться верстке в редакторе webflow и начать зарабатывать не выходя из дома? Тогда приглашаю вас на курс "Webflow Start" - fishki.webflow.io Instagram - viacheslav_volodin Мой telegram - t.me/vvstudio Telegr...
Модальное окно при помощи Finsweet Modal
Переглядів 125Місяць тому
ссылка на сайт - finsweet.com/attributes Хотите обучиться верстке в редакторе webflow и начать зарабатывать не выходя из дома? Тогда приглашаю вас на курс "Webflow Start" - fishki.webflow.io Instagram - viacheslav_volodin Мой telegram - t.me/vvstudio Telegram канал - t.me/webflowschool
Создаем несколько модальных окон
Переглядів 95Місяць тому
Хотите обучиться верстке в редакторе webflow и начать зарабатывать не выходя из дома? Тогда приглашаю вас на курс "Webflow Start" - fishki.webflow.io Instagram - viacheslav_volodin Мой telegram - t.me/vvstudio Telegram канал - t.me/webflowschool
Новая сборка swiper slider webflow
Переглядів 436Місяць тому
ссылка на проект - t.me/webflowschool/520 Хотите обучиться верстке в редакторе webflow и начать зарабатывать не выходя из дома? Instagram - viacheslav_volodin Мой telegram - t.me/vvstudio Telegram канал - t.me/webflowschool
Кастомная кнопка для формы webflow | custom submit button
Переглядів 2593 місяці тому
Создаем кастомную кнопку для формы 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
Переглядів 2434 місяці тому
Хотите обучиться верстке в редакторе webflow и начать зарабатывать не выходя из дома? Тогда приглашаю вас на курс "Webflow Start" - fishki.webflow.io Уютное комьюнити - t.me/webflowshcoolchat Instagram - viacheslav_volodin Мой telegram - t.me/vvstudio Telegram канал - t.me/webflowschool
Создание параллакс галереи ч2
Переглядів 884 місяці тому
Курс для новичка "Webflow Start" - fishki.webflow.io Просто поддержать проект чашечкой кофе - donate.stream/fishkiwebflow Instagram - viacheslav_volodin Мой ВК - slavariik Мой telegram - t.me/vvstudio Telegram канал - t.me/webflowschool
Создание блока галереи ч 1
Переглядів 1474 місяці тому
Курс для новичка "Webflow Start" - fishki.webflow.io Просто поддержать проект чашечкой кофе - donate.stream/fishkiwebflow Instagram - viacheslav_volodin Мой ВК - slavariik Мой telegram - t.me/vvstudio Telegram канал - t.me/webflowschool
01 Практика Подготовка макета и проекта
Переглядів 5204 місяці тому
Хотите обучиться верстке в редакторе webflow и начать зарабатывать не выходя из дома? Тогда приглашаю вас на курс "Webflow Start" - fishki.webflow.io Ссылка на макет - t.me/webflowschool/490 Instagram - viacheslav_volodin Мой telegram - t.me/vvstudio Telegram канал - t.me/webflowschool
02 Практика Верстка ч2
Переглядів 2464 місяці тому
Хотите обучиться верстке в редакторе webflow и начать зарабатывать не выходя из дома? Тогда приглашаю вас на курс "Webflow Start" - fishki.webflow.io Instagram - viacheslav_volodin Мой telegram - t.me/vvstudio Telegram канал - t.me/webflowschool
03 Практика Верстка меню и подключение плагинов
Переглядів 2914 місяці тому
Хотите обучиться верстке в редакторе webflow и начать зарабатывать не выходя из дома? Тогда приглашаю вас на курс "Webflow Start" - fishki.webflow.io Instagram - viacheslav_volodin Мой telegram - t.me/vvstudio Telegram канал - t.me/webflowschool
04 Практика Верстка блока about
Переглядів 1174 місяці тому
Хотите обучиться верстке в редакторе webflow и начать зарабатывать не выходя из дома? Тогда приглашаю вас на курс "Webflow Start" - fishki.webflow.io Instagram - viacheslav_volodin Мой telegram - t.me/vvstudio Telegram канал - t.me/webflowschool
05 Практика Мобильная версия
Переглядів 1094 місяці тому
Хотите обучиться верстке в редакторе webflow и начать зарабатывать не выходя из дома? Тогда приглашаю вас на курс "Webflow Start" - fishki.webflow.io Instagram - viacheslav_volodin Мой telegram - t.me/vvstudio Telegram канал - t.me/webflowschool
Меняем формы элементов при помощи | Webflow APPS Clip Path Bay
Переглядів 3285 місяців тому
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 при помощи приложения
Переглядів 2825 місяців тому
Меняем цвет svg при помощи приложения
003 Инструменты для работы с куратором
Переглядів 1635 місяців тому
003 Инструменты для работы с куратором
030. Добавление удаление и копирования страниц
Переглядів 925 місяців тому
030. Добавление удаление и копирования страниц
023 Dropdown элемент - Выпадающий список webflow
Переглядів 1845 місяців тому
023 Dropdown элемент - Выпадающий список webflow
019 Блок медиа картинки, видео,лоттие
Переглядів 1225 місяців тому
019 Блок медиа картинки, видео,лоттие
016 Позиционирование фиксированое и липкое
Переглядів 935 місяців тому
016 Позиционирование фиксированое и липкое
015 Позиционирование относительное и абсолютное
Переглядів 1165 місяців тому
015 Позиционирование относительное и абсолютное
Интересно, но качество на видео 720 это очень печально(((
@@PetroKohut-m6p в то время был такой компьютер. Возможно обновлю и запишу в 2к
Здравствуйте.Спасибо огромное за объяснение.Видео правда не обрезали.
Здравствуйте, у вас видео не обрезан, после шестой минуты черный экран идёт 10 минут.
Спасибо исправлю
Здравствуйте. Я не понял смысл area. Разве нельзя было это сделать через manual?
Через area это делается легче и проще чем через мануал. Неопытный может в мануал нагородить что потом сам запутается. Для мануал нужно прописать положение этих блоков, так же в этом способе нужно все м элементам включть мануал. А в area нужно просто создать поля и привязать из к блокам
@@FishkiWebflow Спасибо за ответ.
Интересные фишки, очень помог! Спасибо!
Как всегда, лаконично и понятно👌
Спасибо, рад что нравится моя подача материала
@@FishkiWebflowВячеслав, как будет время. Покажите как сделать двойной слайдер с зумом. Имею ввиду как в магазинах бывает. Сверху 1slidesPerView, а снизу 3+ слайдов, так сказать мини иконок. На большом слайде, очень часто бывает при наведении указателя мыши, появляется привязанный к указатель квадрат, который зумирует изображение слайда. Надеюсь вы поняли, что я имею ввиду😅
А как добавить домен к сайту?
Домен добавляется на хостинг
У тебя там пожар, что ли? Куда так торопишься?
Есть такая функция как обрезка тишины. Переборщила )
Интересные фишки, но для меня ничё нового 😋
спасибо большое, я чуть не вскрылся пока сам пытался сделать такой слайдер, благодаря тебе я жив ❤
рад что помогло это видео )
но для просто ты и работоспособности я предлагаю так же использовать swiper.js
Интересные фишки, но для меня ещё сложновато
По этому я даю готовые сборки что бы вы их просто копировали
Заработало! Это я туплю, вставляла в ID) 4 утра)) Спасибо за такое емкое и полезное видео!
Ничего не работает( Перебрала уже кучу кодов
Привет, как сделать кастомные стрелки переключения слайдов в этом слайдере?
Есть же другое видео про стрелки
Відео достойне лайка і на скільки доступно ви розжовуєте матеріал. Фін світ класна штука
Дякую за теплий відгук. Це мотивує робити для вас користний контент
Спасибо за урок! А как сделать на странице кнопку, при нажатии на которую происходит копирование в буфер не текста, а скажем какого-то блока в вебфлоу? Чтобы можно было вставить в другой проект WF?
Я понял. Для чего. Я пока не задавал я такой задачей по этому точно ответить не смогу
СпасибО!
спасибо за урок, а есть ссылка на темплейт? для его использования нужен платный тариф ?
спасибо за видео, скажите пожалуйста, компоненты которые вы добавляли для резины сайта на 22:50 минуте они доступны только для платной версии вебйлоу или их можно закинуть в настройки страницы меджик темплейт и все так же будет работать?
влияет ли такой редирект на webflow pages на скорость загрузки сайта на вордпрес?
Нет не влияет
спасибо за урок, а есть видео в котором вы показываете как сделать кастомные иконки для списка?
могу сделать такое видео. но в в принципе нужно просто убрать точки списка и как я поместил изображение оно будет кастомной иконкой. Так же можно вставить svg иконку через приложение и даже настроить интерекции или просо ховер изменения цвета иконки и текста
Спасибо! только я сюда еще добавила бы second click height 0 на этапе воздействия на sibling element. а то получается аккордеон без клика за его границы не закрывается. ну это у меня так, может у всех работает)
да в этом и есть недостаток этого способа / что нужно доработать костылями. Я чаще использую нативный дропдаун и настраиваю его как в другом видео
Спасибо братан
Спасибо. Классно
А нельзя было просто единицы измерения в отступах на VW поменять?
У иконки нет отступа у нее есть только позиционирование. В единицах vw происходит то же самое. Так как это положение относительно ширина видимой области а не кнопки.
Добрый день, а где ссылка на заготовленный шаблон?)
Добрый день, классный урок, а где ссылка на макет?
Добавил ссылку
@@FishkiWebflow Ещё шаблон webflow)
Люди добрые подскажите, я новичок совсем. Делаю фильтры по товару, нужно, что бы результаты этих фильтров выводились на отдельной странице. Например нажимаешь на кнопку "применить" и тебя перебрасывает на страницу, где так-же с верху фильтр с примененными подборками, а в низу сам результат фильтрации. Использую для фильтров finsweet
Финсвит не бросает на новую страницу. Ваша задача не соврем ординарная
Purty? pArty - вечеринка
ну макет не мой по этому сори а внимания не обратил
Актуально даже в 2024 😁👍
Интересно и доступно. Спасибо за ваши старания!
хороший урок!
Добрый день. Спасибо за урок! Все доступно и понятно! Не нашла под видео материалы к уроку
Добрый день обновил ссылки на материалы
Ты бог!!!! 🎉🎉 сколько я искал
👍
это в комментарии к ролику, не в критике )
в фигме определить расстояние между объектами - выделить объект, зажимаем alt + ховер над вторым объектом - может кому будет полезно
а если делать не паддингом, а контейнеру внутренний отступ задавать? Чтобы избавиться от лишней вложенности. Или я не понял преимущества этой настройки?
Это система клиент ферст от финсвит. Я и так убрал из нее для удобства для себя лишние элементы. Но с пудингом работать удобно. Не затрагивая контейнер. Что бы не вешать на него комбоклассы
Есть ли в приложении возможность добавить скругленные углы? Через CSS надо писать round и размер скругления. Вчера тоже понадобилось, правда ещё анимацию прикрутил чтобы сделать shatter эффект раскрывая контента из центра.
элемент делится на части и каждый из них подлежит управлению так же эти параметры как я уже говорил можно копировать и добавлять в кастом пропертис и оттуда уже настраивать анимации
крутой инструмент
Огонь
Ждем больше роликов! Эта тема очень интересная
Круть!
Спасибо тебе, давно искал данное решение. А как изменить масштаб данной svg иконки?
просто задав размеры
Если подскажешь еще где брать лотти файлы бесплатно и с большим выбором, было бы круто!
finsweet.com/lottieflow
lottiefiles.com/
@@FishkiWebflow лотти файлс знаю. Но там так мало бесплатных) а про первый надо посмотреть. Спасибо за ответ!
А вы умеете делать кастомные иконки в афтер эф.? Ну там с переливанием цветов и т.д. самых простых. Как нарисовать и украсить. Доп уроком было бы круто. Или как делают же при скролле вниз, тянется стрелка черная) по всему сайту типа прогресс бара. Ну какой нибудь урок про такие анимашки и эффекты. Чтоб сайт выделялся такими мелкими и простыми в создании мелочами.
И ещё один вопрос. Тут наткнулся на сервис такой же ка этот, называется FlutterFlow. Там помимо веб. Ещё и мобильное приложение можно делать. Не сталкивались с ним. Если да, то можно было бы сделать обзор на него? Или сравнение провести.
со звуком проблема
Курс старый и аппаратуры тогда не было как сегодня. ((
это у меня оказывается )@@FishkiWebflow
Привет) У меня получается в ленте при скролле промежуток с пустым местом. Как настроить чтобы скролл был без разрывов?
Скорее всего допущена ошибка. Внимательнее пересмотрите и сделайте снова как показано в видео. Или напишите в личку скинете ссылку на проект
@@FishkiWebflow все по видео, единственное что в ремах падинги в айтемах. Может быть в это причина?
@@FishkiWebflow скинул в личку. Получается что когда выезжает второй ряд логотипов, его вначале не видно, поэтому пустое место, а потом он резко появляется
сапсибо работает) А как запустить его в другую сторону, что бы изображения всегда были в поле видимомости, если поставить @keyframes marquee-horizontal { from { transform: translateX(0); } to { transform: translateX(50%); } он смещается но изображений не видно до тех пор пока не пройдет цикл
Свойство reverse добавить
круто!