Создаём интерактивные, адаптивные карточки товара. Применяем функции интеракции 2.0
https://youtu.be/usEH3hthwJ4
https://youtu.be/usEH3hthwJ4
YouTube
Webflow Урок №7. Интерактивные карточки товара.
Создаём интерактивную карточку товара в редакторе webflow. Применяем интеракции 2.0
Хотите заказать дизайн или вёрстку сайта? Пиши мне..
Мой ВК - https://vk.com/slavariik
Мой telegram - https://t.me/vvstudio
Telegram канал - https://t.me/joinchat/AAAA…
Хотите заказать дизайн или вёрстку сайта? Пиши мне..
Мой ВК - https://vk.com/slavariik
Мой telegram - https://t.me/vvstudio
Telegram канал - https://t.me/joinchat/AAAA…
Как создать аккордион при помощи элементов дивоблоков, не используя виджет DROPBOX. При этам решаем задачу с текстом который вылазит за границы элемента, в обычном виджете.
https://youtu.be/6j_ztfYXsu8
https://youtu.be/6j_ztfYXsu8
YouTube
Webflow уроки№ 10. Как сделать кастомный аккордион
Создаём кастомный аккордион не используя виджет dropbox. Используем лишь элементы div и анимацию.
По всем вопросам обращайтесь по ссылкам ниже:
Создание сайта, Вёрстка сайта, Настройка рекламы и запуск проекта.
Мой ВК - https://vk.com/slavariik
Мой telegram…
По всем вопросам обращайтесь по ссылкам ниже:
Создание сайта, Вёрстка сайта, Настройка рекламы и запуск проекта.
Мой ВК - https://vk.com/slavariik
Мой telegram…
По просьбе одного из моих друзей я записал урок как создать элементы со скрытой информацией, появляющейся при клике. Приятного просмотра. https://youtu.be/Xlz8GrndOW8
YouTube
Webflow уроки№11 Блоки со скрытой информацией. Webflow Lesson
Урок о том как создать элементы со скрытыми блоками при клике на которые открывалась информация.
По всем вопросам обращайтесь по ссылкам ниже:
Создание сайта, Вёрстка сайта, Настройка рекламы и запуск проекта.
Мой ВК - https://vk.com/slavariik
Мой telegram…
По всем вопросам обращайтесь по ссылкам ниже:
Создание сайта, Вёрстка сайта, Настройка рекламы и запуск проекта.
Мой ВК - https://vk.com/slavariik
Мой telegram…
Привет.. Давно я ничего не записывал. Сегодня записал короткий урок о том как еще можно сделать скошенные углы у секций. Приятного просмотра ! Ставь лайк если было полезно)👍🏻
https://youtu.be/ygh3KdHhz-0
https://youtu.be/ygh3KdHhz-0
YouTube
Webfloe уроки №12. Скошенные секции в WEBFLOW вариант 2
Быстрый и легкий способ создать скошенный углы для секций при помощи заливки градиентом. А так же плавный переход между секциями используя градиентную заливку
Подписывайтесь на канал телеграм - https://t.me/joinchat/AAAAAEjB8Q3n9YZuNzsuUQ
Подписывайтесь на канал телеграм - https://t.me/joinchat/AAAAAEjB8Q3n9YZuNzsuUQ
Думал что эти простые действия знают уже все, но оказывается нет. По этому, кто еще не знает как делать такие штуки, это видео в помощь друг! Пользуйся.
https://youtu.be/rLspNI3zh4M
https://youtu.be/rLspNI3zh4M
YouTube
Webflow уроки №13. Анимация при наведении на элементы. Зум изображения.
Создание эффекта увеличение картинки при наведении на блок, а так же появляющиеся элементы внутри блока.
По всем вопросам обращайтесь по ссылкам ниже:
Создание сайта, Вёрстка сайта, Настройка рекламы и запуск проекта.
Мой ВК - https://vk.com/slavariik…
По всем вопросам обращайтесь по ссылкам ниже:
Создание сайта, Вёрстка сайта, Настройка рекламы и запуск проекта.
Мой ВК - https://vk.com/slavariik…
Готовлю новые уроки по вашим комментариям под видео к урокам.
Так же друзья я создал группу в которой вы можете задавать мне вопросы касающиеся видео уроков и не только. Вступайте в группу по ссылке https://t.me/webflowshcoolchat
Telegram
Чат Fishki Webflow
В этой группе вы можете задавать вопросы которые возникают у вас по ходу просмотра видео уроков.
Fishki Webflow via @vote
Подготовил для вас списов видео уроков. В порядке рейтинга буду их выпускать. Голосуйте друзья.
public poll
Слайдер-карусель пошаговый, с эфектами – 9
👍👍👍👍👍👍👍 38%
@Denis_Manzherin, @VeryKindMan, @valeri92, @vvstudio, @DubovikIvan, @marketologmsk, @Ramil091, Haasha, Алина
Создание кастомного таймера обратного отсчета – 7
👍👍👍👍👍 29%
@zhelo_slava, @pricheskanabochok, @JulietWebdesign, @ilgam72, @vdmytrenko, Serg, Dimitry
Новый способ стилизации чекбоксов и радио баттон – 4
👍👍👍 17%
@tnsnurb, @RazidaSerebryakova, @bonidom, @chorajhn
Создание кастомных кнопок с эфектами при наведении – 4
👍👍👍 17%
Elena, @DmitryPStepanov, @ilyshmke, Сергей
👥 24 people voted so far. Poll closed.
public poll
Слайдер-карусель пошаговый, с эфектами – 9
👍👍👍👍👍👍👍 38%
@Denis_Manzherin, @VeryKindMan, @valeri92, @vvstudio, @DubovikIvan, @marketologmsk, @Ramil091, Haasha, Алина
Создание кастомного таймера обратного отсчета – 7
👍👍👍👍👍 29%
@zhelo_slava, @pricheskanabochok, @JulietWebdesign, @ilgam72, @vdmytrenko, Serg, Dimitry
Новый способ стилизации чекбоксов и радио баттон – 4
👍👍👍 17%
@tnsnurb, @RazidaSerebryakova, @bonidom, @chorajhn
Создание кастомных кнопок с эфектами при наведении – 4
👍👍👍 17%
Elena, @DmitryPStepanov, @ilyshmke, Сергей
👥 24 people voted so far. Poll closed.
Вижу что по голосованию на мое удивление на сегодняшний день ведущий по запросу, это кастомный таймер. Хорошо Давайте запишу этот урок. И так, ожидайте " Кастомный таймер обратного отсчета"
Привет. Рад видеть тебя на моем канале. Канал посвящён приёмам и фишкам webflow. Думаю не нужно объяснять что это крутой инструмент для реализации дизайна в рабочий инструмент. Надеюсь мои уроки помогут тебе более подробнее усвоить редактор webflow и применить эти знания в своих проектах. Так же ты можешь задать свои вопросы в общем чате. Здесь - https://t.me/joinchat/DiMEWkf8PyoQKUzxcmL6lg
Telegram
Чат Fishki Webflow
В этой группе вы можете задавать вопросы которые возникают у вас по ходу просмотра видео уроков.
Fishki Webflow pinned «Привет. Рад видеть тебя на моем канале. Канал посвящён приёмам и фишкам webflow. Думаю не нужно объяснять что это крутой инструмент для реализации дизайна в рабочий инструмент. Надеюсь мои уроки помогут тебе более подробнее усвоить редактор webflow и применить…»
Forwarded from webflowschool
Привет! И вот он победитель голосования прошлого дня. Урок как создать таймер обратного отсчета не используя сторонние сервисы. https://youtu.be/Sh_0MgK9dOs
YouTube
Webflow урок№14. Кастомный таймер обратного отсчета
Как создать таймер обратного отсчета не используя сторонние сервисы. ? Смотри!
По всем вопросам обращайтесь по ссылкам ниже:
Создание сайта, Вёрстка сайта, Настройка рекламы и запуск проекта.
Подписывайся на мой канал в телеграм где ты удешь оповещен о последних…
По всем вопросам обращайтесь по ссылкам ниже:
Создание сайта, Вёрстка сайта, Настройка рекламы и запуск проекта.
Подписывайся на мой канал в телеграм где ты удешь оповещен о последних…
<script>
(function () {
var deadline = '2018-09-28 00:00';
function pad(num, size) {
var s = "0" + num;
return s.substr(s.length - size);
}
// fixes "Date.parse(date)" on safari
function parseDate(date) {
const parsed = Date.parse(date);
if (!isNaN(parsed)) return parsed
return Date.parse(date.replace(/-/g, '/').replace(/[a-z]+/gi, ' '));
}
function getTimeRemaining(endtime) {
let total = parseDate(endtime) - Date.parse(new Date())
let seconds = Math.floor((total / 1000) % 60)
let minutes = Math.floor((total / 1000 / 60) % 60)
let hours = Math.floor((total / (1000 * 60 * 60)) % 24)
let days = Math.floor(total / (1000 * 60 * 60 * 24))
return { total, days, hours, minutes, seconds };
}
function clock(id, endtime) {
let days = document.getElementById(id + '-days')
let hours = document.getElementById(id + '-hours')
let minutes = document.getElementById(id + '-minutes')
let seconds = document.getElementById(id + '-seconds')
var timeinterval = setInterval(function () {
var time = getTimeRemaining(endtime);
if (time.total <= 0) {
clearInterval(timeinterval);
} else {
days.innerHTML = pad(time.days, 2);
hours.innerHTML = pad(time.hours, 2);
minutes.innerHTML = pad(time.minutes, 2);
seconds.innerHTML = pad(time.seconds, 2);
}
}, 1000);
}
clock('js-clock', deadline);
})();
</script>
(function () {
var deadline = '2018-09-28 00:00';
function pad(num, size) {
var s = "0" + num;
return s.substr(s.length - size);
}
// fixes "Date.parse(date)" on safari
function parseDate(date) {
const parsed = Date.parse(date);
if (!isNaN(parsed)) return parsed
return Date.parse(date.replace(/-/g, '/').replace(/[a-z]+/gi, ' '));
}
function getTimeRemaining(endtime) {
let total = parseDate(endtime) - Date.parse(new Date())
let seconds = Math.floor((total / 1000) % 60)
let minutes = Math.floor((total / 1000 / 60) % 60)
let hours = Math.floor((total / (1000 * 60 * 60)) % 24)
let days = Math.floor(total / (1000 * 60 * 60 * 24))
return { total, days, hours, minutes, seconds };
}
function clock(id, endtime) {
let days = document.getElementById(id + '-days')
let hours = document.getElementById(id + '-hours')
let minutes = document.getElementById(id + '-minutes')
let seconds = document.getElementById(id + '-seconds')
var timeinterval = setInterval(function () {
var time = getTimeRemaining(endtime);
if (time.total <= 0) {
clearInterval(timeinterval);
} else {
days.innerHTML = pad(time.days, 2);
hours.innerHTML = pad(time.hours, 2);
minutes.innerHTML = pad(time.minutes, 2);
seconds.innerHTML = pad(time.seconds, 2);
}
}, 1000);
}
clock('js-clock', deadline);
})();
</script>
Привет. И вот оно долгожданное видео о стилизации чекбокса новым способом. Я думаю этот способ проще и интереснее. Надеюсь тебе понравится. Жду твой царский лайк ) Я очень старался ..
https://youtu.be/dYx152uYddw
https://youtu.be/dYx152uYddw
YouTube
Webflow урок №15 Стилизация чекбокс
Новый способ стилизации чекбокс и радио кнопок в webflow.
По всем вопросам обращайтесь по ссылкам ниже:
Создание сайта, Вёрстка сайта, Настройка рекламы и запуск проекта.
Подписывайся на мой канал в телеграм где ты удешь оповещен о последних новостях и выходах…
По всем вопросам обращайтесь по ссылкам ниже:
Создание сайта, Вёрстка сайта, Настройка рекламы и запуск проекта.
Подписывайся на мой канал в телеграм где ты удешь оповещен о последних новостях и выходах…
Привет ребята. В общем скоро выйдет новая фишка в webflow называется grid то есть сетка. Это крутая штука которая облегчит кучу задач. Ее свойства как по мне, потрясающие. Уже сейчас я увидел кучу вариантов решения прошлых задач при помощи этого инструмента, например создание таблиц.
А так, все ограничивается лишь вашим воображением.
Хотите что бы после релиза я сделал обзор на новинку? Ставьте ваш королевский лайк 👍🏻 и я обязательно запишу для вас обзор. Это огонь !!! 🔥🔥🔥
А так, все ограничивается лишь вашим воображением.
Хотите что бы после релиза я сделал обзор на новинку? Ставьте ваш королевский лайк 👍🏻 и я обязательно запишу для вас обзор. Это огонь !!! 🔥🔥🔥
Релиз новой фишки обещали в октябре. Так что осталось совсем немного, и мы с вами получим классный инструмент. Жду не дождусь уже. 😁
Вот сидел тут думал думал, как решить такую вот задачу.. И подкинул друг идею. Я решил попрбовать и правда решилась задача.
Задача такова.. на странице есть несколько блоков.. к ним привязано модальное окно. с формой заявки, казалось что тут делать то просто привязал модалку для каждого блока и все, но тут чуть веселее задача, каждый блок со смыслом и нужно что бы на почту приходило письмо и в нем было понятно на какой блок кликнул посетитель и какую заявку оставил, то есть нам нужно как то идентифицировать поля.
Я смотрел и в сторону кастом кода и в скрытые поля внутри формы и создание коллекции, но все это как то муторно сложно и т.д. да и работают такие штуки лишь только на платном аккаунте. А что если у кого то бесплатный.
Смотрите видео, что у меня получилось.. !!!📽
Задача такова.. на странице есть несколько блоков.. к ним привязано модальное окно. с формой заявки, казалось что тут делать то просто привязал модалку для каждого блока и все, но тут чуть веселее задача, каждый блок со смыслом и нужно что бы на почту приходило письмо и в нем было понятно на какой блок кликнул посетитель и какую заявку оставил, то есть нам нужно как то идентифицировать поля.
Я смотрел и в сторону кастом кода и в скрытые поля внутри формы и создание коллекции, но все это как то муторно сложно и т.д. да и работают такие штуки лишь только на платном аккаунте. А что если у кого то бесплатный.
Смотрите видео, что у меня получилось.. !!!📽