Fishki Webflow
1.64K subscribers
62 photos
31 videos
2 files
230 links
Разбираем разные приёмы верстки элементов в редакторе webflow.
Download Telegram
Так же друзья я создал группу в которой вы можете задавать мне вопросы касающиеся видео уроков и не только. Вступайте в группу по ссылке https://t.me/webflowshcoolchat
Подготовил для вас списов видео уроков. В порядке рейтинга буду их выпускать. Голосуйте друзья.
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
Fishki Webflow pinned «Привет. Рад видеть тебя на моем канале. Канал посвящён приёмам и фишкам webflow. Думаю не нужно объяснять что это крутой инструмент для реализации дизайна в рабочий инструмент. Надеюсь мои уроки помогут тебе более подробнее усвоить редактор webflow и применить…»
Ну как тебе урок ?
<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>
​​Привет ребята. В общем скоро выйдет новая фишка в webflow называется grid то есть сетка. Это крутая штука которая облегчит кучу задач. Ее свойства как по мне, потрясающие. Уже сейчас я увидел кучу вариантов решения прошлых задач при помощи этого инструмента, например создание таблиц.
А так, все ограничивается лишь вашим воображением.
Хотите что бы после релиза я сделал обзор на новинку? Ставьте ваш королевский лайк 👍🏻 и я обязательно запишу для вас обзор. Это огонь !!! 🔥🔥🔥
Релиз новой фишки обещали в октябре. Так что осталось совсем немного, и мы с вами получим классный инструмент. Жду не дождусь уже. 😁
Вот сидел тут думал думал, как решить такую вот задачу.. И подкинул друг идею. Я решил попрбовать и правда решилась задача.

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

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

Смотрите видео, что у меня получилось.. !!!📽
Забыл отрезать в начале заставку ))) Сори!!!
Желаете такой урок ?? Ну тогда с вас ваш королевский 👑 лайк👍🏻
Привет друзья. Как и обещал, записал для вас урок о том как создать форму с индентификацией карточек или выбранных пунктов на сайте. Мы объеденяем сатичную форму и модальное окно.

Надеюсь вам понравится. Если да?, с вас поддержка. 👍🏻Если нет.. 😒 Запишем как бесполезный урок и пойдем писать дальше. 😁

Ладно Все же он кому то будет полезен. Ведь мне пригодился. Смотрим.📽

Отдельно спасибо за пальцы вверх на канале youtube !!!

https://youtu.be/iksE4eBCEqY
​​Привет.. И снова webflow нас порадовал. Добавил в интеракции функцию фильтры. Возможности фантазии расширяются)
Привет !! Наконец то сегодня вышла обнова для webflow GRID (сетки). Сегодня вечером сделаю обзор.

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