![FishkiWebflow](/img/default-banner.jpg)
- Видео 216
- Просмотров 203 169
FishkiWebflow
Украина
Добавлен 5 апр 2010
Привет! Вы на канале FishkiWebflow. Меня зовут Вячеслав Володин и я уже больше 5 лет работаю на фрилансе, создавая сайты для клиентов и в частности работаю с инструментом о котором рассказываю и обучаю на этом канале.
Все что вы хотели знать о разработке сайтов, собрано на этом канале. Учимся верстать сайты без знания кода в сервисе webflow. Приобретаем навыки новой востребованной профессии верстальщик сайтов. Создаем сайты для себя или для клиентов.
Цель проекта, это помочь вам подробнее и лучше разобраться в работе с инструментом визуальной вёрстки webflow. Нет никаких волшебных таблеток для быстрого бабла ) Все зависит от вашего желания и упорства в обучении. Я лишь могу подправить ваши шаги.
Все что вы хотели знать о разработке сайтов, собрано на этом канале. Учимся верстать сайты без знания кода в сервисе webflow. Приобретаем навыки новой востребованной профессии верстальщик сайтов. Создаем сайты для себя или для клиентов.
Цель проекта, это помочь вам подробнее и лучше разобраться в работе с инструментом визуальной вёрстки webflow. Нет никаких волшебных таблеток для быстрого бабла ) Все зависит от вашего желания и упорства в обучении. Я лишь могу подправить ваши шаги.
Модальное окно при помощи Finsweet Modal
ссылка на сайт - finsweet.com/attributes
Хотите обучиться верстке в редакторе webflow и начать зарабатывать не выходя из дома? Тогда приглашаю вас на курс "Webflow Start" - fishki.webflow.io
Instagram - viacheslav_volodin
Мой telegram - t.me/vvstudio
Telegram канал - t.me/webflowschool
Хотите обучиться верстке в редакторе 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. Добавление удаление и копирования страниц
023 Dropdown элемент - Выпадающий список webflow
Просмотров 1594 месяца назад
023 Dropdown элемент - Выпадающий список webflow
019 Блок медиа картинки, видео,лоттие
Просмотров 1214 месяца назад
019 Блок медиа картинки, видео,лоттие
016 Позиционирование фиксированое и липкое
Просмотров 894 месяца назад
016 Позиционирование фиксированое и липкое
015 Позиционирование относительное и абсолютное
Просмотров 1094 месяца назад
015 Позиционирование относительное и абсолютное
У тебя там пожар, что ли? Куда так торопишься?
Есть такая функция как обрезка тишины. Переборщила )
Интересные фишки, но для меня ничё нового 😋
спасибо большое, я чуть не вскрылся пока сам пытался сделать такой слайдер, благодаря тебе я жив ❤
рад что помогло это видео )
но для просто ты и работоспособности я предлагаю так же использовать 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 добавить
круто!
Спасибо за видео!
С этими приемами / костылями не все гладко. Это не просто кастомный код в страницу, что вынужденная мера. Это еще и ссылка на внеший css и внешний js. Ваш сайт будет не самодостаточный, а зависящий от кода с чужого ресурса, который может отключиться, измениться, начать взымать плату и так далее. Кроме того внешний css и js запрещен если захотите сайт превратить в WF-шаблон. Это используют и для продажи шаблонов и для удобства работы со своим сайтом. Стоит помнить про эти особенности
Любой сайт с этим плагином будет зависеть. От тех или иных условий. Свайпер не используется для шаблонных решений. Есть предложение по лучше ?
А где код скрипта в "телеграм канале, ссылка которого в описании"? В канале много постов и скриптов, в том числе на тему табов и слайдеров. Где код из этого урока?
Перейдите в канал телеграмм
Перешел, вижу пост рекламы зарубежной недвижимости, и много постов ранее. Где же код? @@FishkiWebflow
галерея Masonry
Большое спасибо! Не могла сделать норм иерархию. Пошла делать
Спасибо за видео, все работает. Подскажите пожалуйста, как сделать, чтобы курсор всегда был вначале инпута
Думаю надо дописать пару строчек в коде
Спасибо за сборку! Подскажите пожалуйста как сделать так чтобы по картинке в свайпере можно было кликнуть? По клbre на картинку должен открываться лайт бокс. А картинка совсем не кликается. И еще момент, на десктоп почему-то нет возможности листать мышкой. Только пагинацией и стрелками. И еще цвет пагинации у точек не меняется
В слайд можно вставить лайтбокс будут открываться картинки версия рабочая так как использовал / даже с cms. / для пролистывания мышкой нужно просто включить функцию / пагиация точек меняется через свойства css / на данный момоент сборке код обновлен с этой функцией / цвет нужно менять в коде