Прелоадер (preloader) webflow. Отображение страницы после полной загрузки. Уроки вебфлоу на Русском

#вебдизайн #webflow #вебфлоу
Быстрое и просто видео, на случай когда сайт имеет сложную анимацию и показывать его до полной загрузки нельзя, тогда нужно добавлять прелоадер, что бы сначала показывался процесс загрузки страницы и потом как она полностью загрузится - она открывалась, анимация проигрывалась с картинками (а не пустыми блоками, как было бы без preloader-а). Все то делается на вебфлоу достаточно быстро и просто, смотрите видео и все поймете. А если будут вопросы то задавайте их в комментариях! Даже если вопросов нет то все равно напишите пару слов в комментах, это нужно для продвижения канала!
•••••••••••••••••••••••••••••••
- Полезные штуки для webflow freelance-blog...
- Индивидуальное обучение freelance-blog...
•••••••••••••••••••••••••••••••
БЕСПЛАТНЫЕ курсы по webflow:
👉 • Базовый (для новичка) • Трелло для фрилансера,...
👉 • Портфолио для фрилансера (уровень средний) • Курс по созданию портф...
👉 • Портфолио для студии (уровень сложный) • Бесплатный курс по раз...
👉 • Делаем сложный сайт (уровень профи) • Сайт фотографа, беспла...
•••••••••••••••••••••••••••••••
Если вы хотите, зарабатывать те деньги, которые ждут вас через 5 лет самостоятельного роста, буквально телепортироваться в будущее и начать делать профессиональные сайты уже сейчас - тогда я способен вам помочь! freelance-blog...
Нет никакого потока, групп, кураторов. Только вы и я. Прокачиваю именно вас.
•••••••••••••••••••••••••••••••
Моя почта - [e-mail]
Телеграм @artstranger
•••••••••••••••••••••••••••••••
👉 • Портфолио - freelance-blog...
👉 • Инстаграм - / artstranger.ru
👉 • Бесплатные плюшки - freelance-blog...
👉 • Материалы для уроков - freelance-blog...
👉 • Индивидуальное обучение - freelance-blog...
•••••••••••••••••••••••••••••••

[@stensd7842]

Интересно будет посмотреть решение с прогресс баром. Видео прикольное, зачот!)

[@freelance-pro]

Спасибо)) как-то запишу видео показав прогресс бар

[@user-nv6of7vm4c]

Спасибо за видео! С удовольствием посмотрел бы видео с прогресс баром 😊

[@freelance-pro]

Пожалуйста ☺️ видео про бар уже есть на канале

[@evgenijivanovych9911]

Новый формат - огонь! Спасибо за инструкцию и сервис SVGator))) Конечно было бы ещё интересно посмотреть на прогресс-бар, но не совсем понятно где это применимо... Разве что на сайтах с анимацией которая взаимодействует на мышь, т.к. в остальных случаях пока пользователь будет смотреть на прелоадер, то за ним (на заднем плане) вся анимация уже отыграет)))

[@freelance-pro]

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

[@AlisaBida]

Спасибо ! очень благодарна !

[@freelance-pro]

Пожалуйста 😊

[@alexandermikolyk7987]

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

[@freelance-pro]

Да, у вебфлоу почти безграничные возможности

[@estefaniavillanuevaherrera9603]

Очередное великое МЕРСИ!!

[@freelance-pro]

Пожалуйста 😉

[@arsyxa93]

Привет, счас сделаем!

[@freelance-pro]

Привет 🥳

[@evgenijivanovych9911]

Концовку нужно делать медленнее и текст уже, т.к. слова "Ставь лайк" очень быстро пролетели, а последнее предложение немного залезло за превью-картинками видеорекомендаций. В остальном всё отлично. Лайк за качественный контент.

[@freelance-pro]

Спасибо за совет! Надо будет подкорректировать этот момент.

[@Raul-jq7pq]

ждем про прогресс бар)

[@freelance-pro]

Сделаю это видео как можно быстрее!

[@trickarchiveableton]

На данный момент версия вебфлоу другая, не могу найти пункт где анимация заканчивается после загрузки сайта

[@freelance-pro]

Правая кнопка мышки в Гугл хроме - перевести на русский язык

[@adamdavidoff2724]

получается на каждую стр надо добавлять?

[@freelance-pro]

Да

[@developeranddesignerfamily5413]

как сделать чтобы когда работает прелоадер страницу нельзя было скролить ?

[@freelance-pro]

Скриптом, чат джипити поможет

[@developeranddesignerfamily5413]

@@freelance-pro спасиб )

[@freelance-pro]

Пожалуйста ☺️