- Материалы с данного видео freelance-blog.webflow.io/course - Полезные штуки для webflow freelance-blog.com/webflow/ - Индивидуальное обучение freelance-blog.com/study/ Таймкоды: 00:00 Старт 00:51 Рассматриваем инструменты вебфлоу, которые еще не изучены 12:35 Делаем основу для простой галереи 18:06 Галерея с вертикальными колонками 21:37 Нестандартные способы оформления 38:26 Добавляем элементы поверх изображений (описание и т.д.) 41:31 Анимируем элементы которые поверх картинок 45:15 Делаем галерею которая увеличивает картинки при клике 51:25 Делаем эффект при наведении мышки на фото (анимация иконки зума) 58:11 Создаем эффект заливки цветом при ховере 01:03:51 Проектируем полноценную анимацию наведения курсора 01:06:34 Выводы
Дмитрий, спасибо за труд. Видео очень полезное и информативное. Очень хорошо, что вариантов много. Сразу, возможно сложно для усвоения. Но позже возвращаюсь, когда возникает необходимость. И это очень помогает. Для новичка самое 👍 ТО!
Как всегда суперский урок! Смотрю по-очереди один за другим и, наконец-то, добрались до очень важной темы. Без фотогалереи у меня не было в работе ни одного сайта. Обязательный элемент. Спасибо!
Спасибо большое.Моё мнение это то что выпуск был, не настолько нужным вы нам и так всё объясняли про картинки😅.В любом случае спасибо что выкладываете новые видео
Отличная идея! ... а можно ли экспортировать созданный код галереи из webflow и перенести эту красоту например на страницу материала в другую цмс джумлу или WP, конечно же внедривив все созданные стили в стили шаблона, с тем чтобы где нужно например вставлять хтмл код с этой сеткой заменяя ссылки на картинки? Цель - отказаться от плагинов и расширений которые как правило имеют СЕО-недостатки в данных ЦМС или обновляются крайне вяло или очень громоздки и раздувают код страницы...? - Ну и имеет ли смысл, по времени и трудозатратам? Ведь создать в webflow галерейку с чистым кодом проще чем например снуля писать тоже самое програмисту...? Как вы считаете?
А с помощью знаний которые Вы даёте, можно устроиться работать UX/UI дизайнером в агенство или фирму в сфере IT? Или их недостаточно и они только фрилансерам подойдут? Спасибо
У фрилансеров обычно даже больше знаний, если смотреть в целом))) и конечно же в студии и агентства берут, у меня, например, супруга работает в студии, просто тут дело в другом, видео это отлично, но без обратной связи ментора вы не сможете делать на высоком уровне, поскольку банально не будите видеть своих ошибок, а человек, который булет подбирать сотрудников увидит эти косяки (которые палят вас как новичка) и выбирет кого-то другого.... так что тут нужно найти профи, который поработает именно с вашими слабыми местами. Ну если такого нет, то им могу стать и я... ссылку на менторство думаю в описании к данному видео найдёте, ну или пишите если что 😉
То что было показано на 48:10 (по добавлению 2й фотки во флекс бокс) почему то не сработало - 2я добавляемая фотка не имеет свойств как было показано для 1й фотки. Жаль что иногда скрыт левый столбец навигатора.
Делайте как на видео 1в1 шаг за шагом или методом тыка попробуйте я сайт год назад делал уже всего и не вспомню или приходите сюда freelance-blog.com/study/ тут со всем наглядно разберемся
- Материалы с данного видео freelance-blog.webflow.io/course
- Полезные штуки для webflow freelance-blog.com/webflow/
- Индивидуальное обучение freelance-blog.com/study/
Таймкоды:
00:00 Старт
00:51 Рассматриваем инструменты вебфлоу, которые еще не изучены
12:35 Делаем основу для простой галереи
18:06 Галерея с вертикальными колонками
21:37 Нестандартные способы оформления
38:26 Добавляем элементы поверх изображений (описание и т.д.)
41:31 Анимируем элементы которые поверх картинок
45:15 Делаем галерею которая увеличивает картинки при клике
51:25 Делаем эффект при наведении мышки на фото (анимация иконки зума)
58:11 Создаем эффект заливки цветом при ховере
01:03:51 Проектируем полноценную анимацию наведения курсора
01:06:34 Выводы
Дмитрий, спасибо за труд. Видео очень полезное и информативное. Очень хорошо, что вариантов много. Сразу, возможно сложно для усвоения. Но позже возвращаюсь, когда возникает необходимость. И это очень помогает. Для новичка самое 👍 ТО!
Пожалуйста 👍 рад что нравиться
Смотрю все ролики подряд. Автору контента большая благодарность за труд!
Пожалуйста ☺️ да если смотреть все подряд и прийти за обратной связью то можно неплохо так начать зарабатывать 😉
Большое спасибо за полезные и подробные уроки! Только у вас нахожу всю информацию)
Пожалуйста ☺️ рад стараться
Шикарный урок. Некоторые эффекты даже никогда не видел на других сайтах!
О это значит надо их использовать и виделяться))
Как всегда суперский урок! Смотрю по-очереди один за другим и, наконец-то, добрались до очень важной темы. Без фотогалереи у меня не было в работе ни одного сайта. Обязательный элемент. Спасибо!
Пожалуйста 😊
Спасибо вам за уроки. Схватываю на лету!)
Пожалуйста! 😊
Тяжело себя заставить сесть учиться, но я стараюсь)
Спасибо тебе за труд!
Пожалуйста Да смотреть образовательные ролики не так весело как развлекательные но зато тут есть польза 😉
@@freelance-pro , у меня наоборот мотивация появилась раньше проснутся и сесть за компьютер, потому что интересно смотреть и учиться;)
О это отлично, и как ваши успехи сейчас?
Спасибо за урок!
Пожалуйста 😊
Благодарю : )
Рад старатся :)
Спасибо большое.Моё мнение это то что выпуск был, не настолько нужным вы нам и так всё объясняли про картинки😅.В любом случае спасибо что выкладываете новые видео
Пожалуйста 😊
Спасибо
пожалуйста)))
Много информации, голова пухнет, но очень интересно. Я понимаю, что для профи это не сложно.
Как сейчас ваши дела? Освоили вебфлоу? Работаете на нем?
1:03:04 когда на центр наводишь (на плюсик-крестик) прозрачность фотографии исчезает - так должно быть?
нашел ответ в конце ролика)))
Рад что все решилось ))
Привет! Подскажи, пожалуйста, в чем разница анимации при наведении как ее добавлять через hover или в interactions?
Все всегда делаем через Ховер если сделать через обычный Ховер нельзя тогда прибегаем к интеракциям вот вся разница
Отличная идея! ... а можно ли экспортировать созданный код галереи из webflow и перенести эту красоту например на страницу материала в другую цмс джумлу или WP, конечно же внедривив все созданные стили в стили шаблона, с тем чтобы где нужно например вставлять хтмл код с этой сеткой заменяя ссылки на картинки? Цель - отказаться от плагинов и расширений которые как правило имеют СЕО-недостатки в данных ЦМС или обновляются крайне вяло или очень громоздки и раздувают код страницы...?
- Ну и имеет ли смысл, по времени и трудозатратам? Ведь создать в webflow галерейку с чистым кодом проще чем например снуля писать тоже самое програмисту...? Как вы считаете?
Да это возможно и не сложно в целом
А с помощью знаний которые Вы даёте, можно устроиться работать UX/UI дизайнером в агенство или фирму в сфере IT? Или их недостаточно и они только фрилансерам подойдут? Спасибо
У фрилансеров обычно даже больше знаний, если смотреть в целом))) и конечно же в студии и агентства берут, у меня, например, супруга работает в студии, просто тут дело в другом, видео это отлично, но без обратной связи ментора вы не сможете делать на высоком уровне, поскольку банально не будите видеть своих ошибок, а человек, который булет подбирать сотрудников увидит эти косяки (которые палят вас как новичка) и выбирет кого-то другого.... так что тут нужно найти профи, который поработает именно с вашими слабыми местами. Ну если такого нет, то им могу стать и я... ссылку на менторство думаю в описании к данному видео найдёте, ну или пишите если что 😉
То что было показано на 48:10 (по добавлению 2й фотки во флекс бокс) почему то не сработало - 2я добавляемая фотка не имеет свойств как было показано для 1й фотки. Жаль что иногда скрыт левый столбец навигатора.
Чтобы это работало - нужно для каждой фотки создавать флекс-бокс, а не пихать 2ю фото во флекс-бокс 1й?
Делайте как на видео 1в1 шаг за шагом или методом тыка попробуйте я сайт год назад делал уже всего и не вспомню или приходите сюда freelance-blog.com/study/ тут со всем наглядно разберемся
Да надо будет его всегда оставлять в зоне видимости
А почему не стоит использовать стандартное подчеркивание, а лучше тенью? Что плохого в стандартном?
Оно режет буквы и не настраиваемое
а нет ссылки на проект? Что бы можно было посмотреть
Есть ссылка доступная ученикам про это и еще много полезного тут 👉 freelance-blog.com/webflow/
как удалять классы в современном веблоу?
Ответ тут 👉 Обзор вчерашних обновлений webflow! Новый интерфейс, новый функционал новые возможности!
ua-cam.com/video/AI9CIwhUWCY/v-deo.html