Webflow Developer 🇺🇦

Колеги, для всіх, хто не зміг приєднатися до нас — запис вебінару вже на youtube

Дякуємо ❤️ усім присутнім за участь у нашому вебінарі. 1️⃣ Посилання для бронювання участі у курсі за старими тарифами: https://wftutor.school/reserve 2️⃣ Посилання на наш сайт для покупки одного з тарифів по старим цінам: https://wftutor.school Підвищення цін відбудеться 7 листопада. Наступне підвищення - 18 листопада. У зв'язку з тим, що дуже багато зареєстрованих на вебінар не були присутніми за різних обставин - можливість бронюванню участі за старими цінами ми продовжили до кінця сьогоднішнього дня ⏱. ⭐️ Друзі, якщо у вас залишились будь-які питання - пишіть їх, будь-ласка, у коментарях ⭐️.

Шановні, чекаємо вас у ZOOM за цим посиланням об 11:00

Доброї суботи всім 👋. Нагадуємо, що наш вебінар, присвячений Webflow-девелопменту відбудеться вже за годину (11:00 за київським часом) ⏱. Лінк на трансляцію буде у цьому каналі за 5 хвилин перед стартом. Чекаємо на вас, друзі 🔥

Привіт, друзі 👋. Завтра у нас вебінар, присвячений Webflow. Зараз готуємо програму. Підкажіть, чи є у вас якісь власні запитання, які було б варто підняти під час вебінару? Якщо є - пишіть в коментарях. Будемо вдячні ❤️

Колеги, всім привіт! Посилання на завтрашній вебінар, який відбудеться об 11:00 за Київським часом (GMT+2) буде в цьому каналі. Прохання до вас🙏 зробити щось з цих пунктів: 1. Поставити будильник на телефоні, щоб не забути 2. Ввімкнути звук в каналі, щоб не пропустити повідомлення з посиланням До зустрічі завтра 👋❤️

Колеги, якщо у вас норм з англійською, то раджу вам зареєструватись на Webflow Conf 2022, що відбудеться онлайн 9-10 листопада. Там буде багато цікавих виступів. Розклад і теми можно подивитись тут

Привіт всім 👋. Знову рубрика "питання про Webflow" ⭐️. Якщо у вас є якісь питання по роботі сервісу або щось не виходить в розробці - пишіть в коментарях. Із задоволенням відповімо або надамо відео-розбір 👌.

Колеги, для зручності продублюю посилання на реєстрацію на вебінар. Якщо не реєструвались ще, то велкам) https://wftutor.school/webinar

Друзі, привіт 👋. З'явилося трохи часу, тому зараз пропонуємо вам в коментарях написати, які питання вас цікавлять у Webflow-розробці. Можливо, якісь практичні проблеми у розробці або питання стосовно функціонування і можливостей сервісу. Зробимо розбір та надамо відео-відповідь 👌. Не соромтеся задавати будь-які питання, адже ми всі тут прагнемо допомагати один одному 🥰

Всім привіт! 5 листопада об 11:00 ми плануємо провести вебінар, на якому поговоримо про: ⭐️ Переваги та недоліки Webflow ⭐️ Перспективи розвитку Webflow-девелопера ⭐️ Можливості сервісу ⭐️ Чи потрібно володіти html & css основами при розробці проектів на Webflow ⭐️ Програму нашого курсу. Для кого курс ⭐️ Та багато чого іншого А також розіграємо 3 безкоштовних місця на тариф STANDART. З 7 листопада ціни на курс будуть підвищені, тож покваптеся всі, хто бажав приєднатись до нас Умови розіграшу у цьому дописі інстаграм. Заявки приймаємо до 23:59, 4 листопада. Записатись на вебінар можна за посиланням Також анонс вебінара буде в цьому каналі. Бажаємо вам успіхів🤞

Всім привіт, перед вихідними хочемо поділитись з вами прикольними іграми для прокачки ваших навичок 1️⃣https://pixact.ly/ Ця гра натренує вашу орієнтацію у пікселях. Треба по заданим параметрам (наприклад 40 / 60 px) намалювати об'єкт. Чим менше у вас в підсумку балів, тим ви крутіші. Я за кілька спроб набрав 258 балів) 2️⃣https://kolor.moro.es/ Треба серед запропонованих варіантів обрати той колір, що вам показують. Спочатку йде легко, а чим далі, тим складніше! Тут я набрав 382 бали 3️⃣https://type.method.ac/ Гра, що допоможе правильніше орієнтуватись у міжлітерному інтервалі. Перша і остання літери статичні, а ось всі, що в середині треби рухати так, щоб вийшли ідеальні відступи між літерами. Тут я набрав 86/100 Пишіть в коментарях хто скільки набрав балів. Всім гарних вихідних❤️

Друзі, до нас почали надходити запитання стосовно анімації у Webflow. Серед них найчастіші: 1. Чи суттєво відрізняються можливості анімації Webflow від Tilda? 2. Наскільки складно створювати анімацію на Webflow і чи потрібно обов'язково володіти js для цього? 3. Чи не буде сайт "тупити" через анімацію? 1️⃣ На перше запитання відповімо безпосередньо проектами, створеними на Вебфлоу (з примітками, на яку анімацію варто звернути увагу): ⭐️ Progress-bar сайту: https://covex-cove.webflow.io/ ⭐️ Ticker (рухомий рядок з динамічною зміною швидкості) та поступове проявлення кривої лінії за домогою інтеграції lottie файла: https://nature-morte.webflow.io/ ⭐️ Scroll animation (анімація по скролу): https://www.tryformly.com/ ⭐️ Охайна анімація карток галереї: https://www.webreedloveproductions.com/ ⭐️ Меню з застосуванням варіативних шрифтів: https://variable-tricks.webflow.io/ ⭐️ Анімований timeline: https://circle-timeline.webflow.io/ ⭐️ Кастомний курсор: https://www.globallabs.de/ ⭐️ Цікава анімація шрифтів для проявленні. Викривлення зображень: https://luvsic-part1.webflow.io/ ⭐️ Анімація посилань: https://ruben-menu.webflow.io/ Так ось, все це зроблено ресурсами Вебфлоу🤘🏻. В деяких - також використані кастомні рішення (наприклад, інтеграція бібліотеки GSAP). Але ви можете повторити будь-яку з цих анімацій, бо всі ці проекти доступні до клонування у ваш воркспейс. І таких кейсів - тисячі😍! Тож, не забувайте заходити на вкладинку Made in Webflow і переглядати, що нове з'являється. Підсумовуючи: можливості анімації Webflow практично безмежні (особливо якщо інтегрувати сторонні бібліотеки). 2️⃣ Без застосування будь-яких сторонніх бібліотек та кастом коду створена більшість сайтів на Вебфлоу. Можливості базової анімації дійсно вражаючі 🏆 3️⃣ По-перше, анімація не так сильно впливає на швидкість завантаження як, наприклад, неоптимізовані зображення. По-друге (що нам 🥰🥳 подобається у Вебфлоу) - при правильному налаштуванні вона може виглядати дуже охайно та плавно. На відміну, наприклад, від Тільди. Сподіваємось, вам було цікаво ❤️. Якщо виникають питання - пишіть їх у коментарях. Із задоволенням відповімо вам. Все буде 🇺🇦.

👉Як медіа файли впливають на швидкість веб-сайту Друзі, сподіваємось, ви вже завітали до сайту нашого курсу. І бачили, що ми вирішили піти на експеримент. Так, ми інтегрували у нього безліч гіфок. І нам було цікаво, наскільки критично це вплине на швидкість завантаження веб-сторінки. І ось висновки: 💻 Наявність гіфок практично не впливає на швидкість завантаження сторінки при підключенні до wi-fi. І це - факт, адже на виході ми отримали page speed 95%. 📱 Що стосується мобільного трафіку: ⭐️ при підключенні до LTE(4G) - все також завантажується швидесенько. ⭐️ проблеми з'являються при підключенні до 3G. Тож, щоб мати сносну швидкість завантаження на 3G нам довелося оптимізовувати розмір всіх гіфок та стискати їх. Це дозволило нам підвищити швидкість завантаження☀️. Але в майбутньому ми будемо мати це на увазі. І вам радимо 🙏 Якщо ж в когось наш сайт все ще завантажується дуже повільно на мобільних простроях - пишіть. Назбираємо статистику і, можливо, для мобілок замінимо гіфки на статичні зображення. Натомість - ось вам пара сервісів для оптимізації гіфок: https://picasion.com/ru/resize-gif/ - зміна розміру гіфки. https://gifcompressor.com/ - стискання гіфки. Всім гарних вихідних ❤️

Колеги, нарешті ми можемо вам показати наш сайт. Довго йшов процес підключення оплати, але ми все подолали. Якщо десь помітите помилки, або глюки - пишіть @curators_webflow | Будемо вам дуже вдячні ❤️ https://wftutor.school/

Привіт, якщо ви раптом не знали — покажу вам як можна дивитись під капот деяким сайтам: 1️⃣ Заходимо у Made in Webflow 2️⃣ Активуємо Cloneable sites only 3️⃣ Обираємо сайт, під капот якого хочемо подивитись 4️⃣ Натискаємо Clone in Webflow 5️⃣ Натискаємо Create Site Ви одразу потрапляєте у webflow designer в середину сайту і можете вивчати що там як влаштовано💪

Всім привіт! Ми трошки переоцінили свої сили. Раз на тиждень нам приходить якась крута ідея🔥 як ще ми можемо покращити курс і ми беремося ії втілювати. Ми вважали, що можно працювати 12 годин на день, але довго так не виходить щось😢 Отже ми вимушені перенести дату старту курса на 21.11. Це вже остаточно! Ми встигнемо зробити всі плюшки і провести неймовірний по якості освітній проєкт. Будемо вас там дуже раді бачити! Із того, що ми вирішили покращити: 1. До кожного (майже до кожного) уроку буде додана коротенька презентація з головними тезами уроку 2. Буде більше запрошених гостей на суміжні теми 3. Пропрацьовуємо гейміфікацію в курсі. Щоб ви могли щось прикольне виграти завдяки своїй уважності Можливо, все ми і не впровадимо, але будемо дуже старатись. Всім гарних вихідних👋

Вітаю, колеги. Сподіваюсь, ви вже надихнулися ранковими новинами🔥. Тепер пропоную вам надихнутися цікавими сайтами, розробленими на Webflow 1. https://www.henrynorthington.com/ Сайт-портфоліо HENRY NORTHINGTON. Для шанувальників 8bit графіки. Цікава комбінація горизонтального і вертикального скролів та нестандартна сітка. Ось що вас тут чекає 2. https://www.atomus.io/ Великий figma файл з дизайн системою, яку розробила і продає одна студія. Можно погратись з елементами сайту через drag & drop 3. https://www.wowpage.io/ Цікавий продукт із розробки WOW сторінок для стартапів. 4 тижні, 8000 баксів, два дизайн концепти. Все просто😏. Мені тут дуже сподобалась комбінація кольорів Всім гарних вихідних👋

Всім привіт! Наш сайт вже майже готовий, а ми поки що дамо вам нову інформацію про курс 🔵Старт курсу: 21.11.22 Ми вирішили перенести старт на тиждень пізніше, щоб встигнути більше наповнити базу знань, та підготувати ще щось корисне для вас 🔵Тривалість: 8 тижнів 🔵Як проходитиме курс? У вас буде особистий кабінет з усіма уроками, тестами та домашками в українському сервісі Softbook. Ми відкриємо вам доступ до уроків в день початку курсу, тобто 21 листопада після оплати одного з тарифів. Оплачувати можно буде через сайт, десь наступного тижня, після його запуску. Ми окремо анонсуємо запуск сайту Кожну суботу будемо проводити стріми із відповідями на питання та розбіром ДЗ учнів з тарифного плану PLUS та MAXIMUM. Для тарифу STANDART буде лише перший вступний стрім 21.11 🟠Мова записаних уроків: українська🇺🇦 🟠Мова комунікацій: українська🇺🇦 Ваші питання 👇