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 то есть сетка. Это крутая штука которая облегчит кучу задач. Ее свойства как по мне, потрясающие. Уже сейчас я увидел кучу вариантов решения прошлых задач при помощи этого инструмента, например создание таблиц.
А так, все ограничивается лишь вашим воображением.
Хотите что бы после релиза я сделал обзор на новинку? Ставьте ваш королевский лайк 👍🏻 и я обязательно запишу для вас обзор. Это огонь !!! 🔥🔥🔥
Релиз новой фишки обещали в октябре. Так что осталось совсем немного, и мы с вами получим классный инструмент. Жду не дождусь уже. 😁
Вот сидел тут думал думал, как решить такую вот задачу.. И подкинул друг идею. Я решил попрбовать и правда решилась задача.

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

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

Смотрите видео, что у меня получилось.. !!!📽