Теория и практика анимации Сайтов
Вставка
- Опубліковано 6 лют 2025
- В этом видео на примере одного из своих проектов я покажу анимацию в сервисе Jitter и попутно расскажу о том, почему анимирую элементы так а не иначе. Сервис для анимации - jitter.video/
Ссылки на мои соц.сети, подпишись чтоб не пропустить интересные видосы maxshirko.me
Макс, спасибо, очень классное видео, как весь твой материал. Легко, на позитиве. Здорово, что не только изучаешь урок, но и получаешь заряд энергии. Поэтому решил обязательно написать тебе об этом, хотя бы так вернуть чуток твоей энергии обратно ;-)
Сработало!
Поддерживаю
Пусть всё твоё добро многократно к тебе вернётся
Дай бог тебе здоровья Макс! Вернулся в веб спустя годы по проекту клиента, решил вспомнить освежить знания. Попробую забацать анимейшн теперь.
страшный сон фронтендера
пхпхахпх😂
..там в хэдере отступы не померишь..
там ещё без динамического адаптива тоже не сделаешь, хотя и ордерами можно сделать, но все же.. та же hero секция.. внутри тайтла ещё текст.. охохох...
Вэээу! Крутяк! Спасибо! Гораздо проще чем в фигме! И очень удобно так анимировать макеты чтоб верстальщику потом показать. СПАСИБО, МАКСИК❤️
Спасибо-спасибо-спасибо за твои ролики и позитив!!!
Макс ты супер. Твои видосы максимально интересные и полезные одновременно. Раз в неделю это прямо самое то ❤
Не знала, в чем ты будешь анимировать, но сразу подумала про Джиттер. Надо тоже попробовать, выглядит действительно несложно
Спасибо за видео! Получилось очень круто! Пока не проверял другие твои видео, может быть уже и есть такое. Но интересно узнать теперь, как это вставить в мокап макбука, который может быть повёрнут под углом к примеру) В общем не стандатной форме, как это делается?) ещё раз спасибо, пойду поищу, может быть найду у тебя) Даже если и есть, было бы круто, если бы ты ответил ссылочкой в коменте!) Успехов тебе
Как вовремя я нашла твой канал! Спасибо!🤩
Ух, сколько же мороки с такими сервисами! Как же приятно осознавать, что можешь сделать такую анимацию в пару строк кода.
P.S. Большая часть анимаций делается с помощью CSS трансформаций + CSS keyframes. Ну и на JS понадобится скрипт, который будет вешать на контейнеры классы, когда они будут попадать и исчезать из поля видимости
Всегда слушаю Макса Ширко и всем советую!
очень круто! есть способы как из фигмы экспортировать это код?
Круто! Спасибо, Макс! Как раз думала как бы кейсы то анимировать)
теперь анимация не кажется такой проблеммой, спасибо!
Наконец я дошла этого видео! Офигенный сервис спасибо
Спасибо за очередной супер полезный инструмент ❤
Очень круто! Подскажи а как реализовать такую анимацию на сайте? Это только кодом возможно сделать? Или на тильде или вордпрессе тоже возможно?
Боль познания афтера так ничем и не закончилась 🤣 Тоже юзаю Джиттер))
А сейчас гоу суммировать, фигма+джиттер+вебфлоу+миджорни+жпт. Ну не так уж и мало...
Как и всегда круто и полезно, спасибо, Макс!
Какой крутой инструмент! Не знала о нем. Спасибо тебе огромное!
А как это верстать, интересно
Выглядит прям каааефф ♡
круто получилось) поясните для джуна плиз для чего вообще нужно из макета делать анимацию в мп4? типа превью сайта для заказчика?
Диз может делать один, а верстку - другой. Вот этому то "другому" для наглядности этот видос и сделан. Бедолаге эдакому )
@@АнтонМухачёв-е3п спасибо, понятно теперь)
Ну и для своего портфолио тоже
Супер!
Раз уж заговорил про видео, может выпустить видос про настройки obs? Как делать переходы между сценами, настройки масок отображения камеры и прочее
Макс, дуже круто))) З анімаціями у мене трохи не дуже, а зараз базово роз‘яснилось, дякую🤝
О даааа! Снова практика! Спасибо, Макс.
❤❤❤
Супер, очень круто!!!
А это можно как то в Тильду перенести?)
Просто бомба!!!!!!!
Макс, спасибо большое! Супер полезное видео!
Как всегда все круто🔥💪
Вай, мужик, шикарно!
Макс, ти крутий! Дякую за твої відоси
Макс, дякую, кайф! Як завжди зрозуміло, коротко, доступно.
Давай вже створювати менторський курс, будемо вчитись в тебе і нестись за тобою. Погнали менторити офлайн-онлайн, я перший в черзі на вступ до товєї програми менторської!
Cool, thanks again 😁
Макс, Супер дяка! кайф
Principle напоминает, иногда бывает лень на мак переключаться во время работы, так что норм альтернатива под винду.
Немного не понял. Как-то можно это все дело интегрировать в Тильду? Или это только для соц.сетей
как видео можно вставить в Тильду)
для соц сетей, для презентации заказчику, для передачи в разработку)
Я как раз курс прохожу по анимации. Очень в тему )
Джиттер платный ? Чтоб такую же анимацию сайта сделать , надо платить ?
Балдёж! Никогда не пользовалась этим сервисом
Круто, спасибо! Как раз тот софт, которого мне не хватало
И как вчя эта анимация потом заливается на сайт?
Макс, почему используешь тачпад, а не мышь?
Попробуйте эппловский тачпад)
@@sashasolarfpv пробовал - всё равно не то, скорость работы в разы ниже чем с мышью, а от мыши запястье болит
Лайк и подписка. Спасибо!
А можно запись экрана сделать что бы бесплатно себе экспортнуть?
Нравится 😻
Як же круто! Якраз те що шукала, дякую! Анімація у фігма то звісно добре але записи екрану то головна біль постійна. Хтось може підкаже, коли в кейсах на моб пристроях робиться візуалізація свайпу(типу кружочок прогортае) те робиться десь плюс мінус так само, просто в макет вже вставляеться кружечок якій потім анімують і додають прокрутку всього фрейму?
Кайф!❤
Макс, а если нужно не видео для соцсетей, а анимировать сам сайт, то как подобную задачу передать верстальщику?
Бедный верстальщик ) Тоже надеялся, что Макс расскажет, как он подобную анимацию замутил в Тильде, но... )
Ты лучший
ну ахуєнно)
Подякував 🫡
спасибо. а то так лень афтер расчехлять каждый раз для этого всего.
Кайф? Кайф!
у меня джиттер не грузит даже в хроме...доходит до 62 процентов и все((
кайф? кайф!
супер но нужно найти фронтед разработчика чтобон это сделал
кайф
Кайф
rive тоже тема
Aninix 💙💛- one love
Front, Я для вас что, шутка?
%уевый фронт тогда, раз не может примитивную анимацию сделать с фейдами и прочими эффектами в свободном доступе. Тем более если не ошибаюсь в джиттере можно экспортнуть код css
COULD YOU IT IN ENGLISH?
А как связать с Тильдой?
судя по всему никак
Секси!
Фигму обновили и что-то не догоняю как делать анимации и автолайаут 😒
а зачем оно нужно в mp4 ?
18 баксов в месяц...
Кайф? Кайф!