Как-то взял сайт, напичканный библиотеками, который загружался кое-как. Ради одного попапа подключено jquery, слик слайдер, ради двух анимаций какая-то анимационная итд итп. Иногда проще написать один листенер на клик и пару анимаций самому, нежели подключать тонны библиотек, совет )))
Неплохое видео! В работе обычно редко получается использовать какие-то анимации, потому что всё время обычно тратится на адаптивную вёрстку блоков, скачивание картинок для сайта, обсуждение заказа и т.п. И анимации идут лишь на уровне css:hover, поэтому свойства анимаций иногда подзабываются. И иногда круто использовать готовые решения анимаций для сайта. (Если у анимаций нету авторсокого права. Типо каких-то прям супер анимаций )
@@SuprunAlexey а можно ли сделать так, чтобы при прокрутке вниз, прорисовка так же уходила из видимости, с такой же анимацией? надеюсь смог мысль свою донести
Благодарю за новые идеи! Интересно и полезно. JS только-только начинаю осваивать, поэтому онтересно знать и другие способы создания анимаций (слайдов и т.д.), не только через скрипты. :)
Сейчас актуальна только чистая CSS анимация (без JS библиотек для анимации) и её лучше не использовать на сайтах, которые создаются под продвижение. Современные требования Core Web Vitals 2021 обязательны для всех страниц перед индексацией Google. А JS требует обязательной загрузки файла в первых секундах. А CSS анимация может освободить первые секунды под хорошее прохождение тестов PageSpeed Insights. А вот графика в анимации не так сильно влияет на показатели тестов.
Доброго дня, по поводу ссылки с анимациями. Можно несколько позиций показать для наглядности как ими пользоваться и использовать, а то что то разобраться не могу. Спасибо
а что скажете насчет animate.css и wow.js? Я обычно использовал эту связку, но там не получалось скрывать опять элементы, эта библиотека что вы показали не сильно нагружает сайт?
ты сделай обзор один как работать с кнопкой на laravel 8 , типа : нажал на кнопку и текст появился или событие вызвалось, и с кнопачным редиректом ! ЖДУ такой ролик
Спасибо, это было очень и очень)) Анимации меня всегда вганяють в ступор, после твоего видео дело пойдет живее))
Супер
Как-то взял сайт, напичканный библиотеками, который загружался кое-как. Ради одного попапа подключено jquery, слик слайдер, ради двух анимаций какая-то анимационная итд итп. Иногда проще написать один листенер на клик и пару анимаций самому, нежели подключать тонны библиотек, совет )))
Все должно быть по уму, иногда проще так сделать
Спасибо большое за ролик благодаря тебе сегодня выступал перед однокурсниками рассказывал как делать анимацию при помощи aos
Чел, ты секономел мне пол жизни, спосибо. Я из Молдовы, поетому столько ошибок
Вроде давно занимаюсь версткой, а свойство и его значение --- background-clip: text; --- как то пролетело мимо меня. Спасибо))
Я его использовал от силы раз 5 и вот для примера пригодился 😃
Неплохое видео! В работе обычно редко получается использовать какие-то анимации, потому что всё время обычно тратится на адаптивную вёрстку блоков, скачивание картинок для сайта, обсуждение заказа и т.п. И анимации идут лишь на уровне css:hover, поэтому свойства анимаций иногда подзабываются. И иногда круто использовать готовые решения анимаций для сайта.
(Если у анимаций нету авторсокого права. Типо каких-то прям супер анимаций )
Проще использовать готовые решения если есть такая возможность
@@SuprunAlexey а можно ли сделать так, чтобы при прокрутке вниз, прорисовка так же уходила из видимости, с такой же анимацией? надеюсь смог мысль свою донести
блин я конечно слышал "хейт" вместо "хайт" и все такое, но "инфинайт" это что-то новенькое))
Ждём побольше таких видосов про анимации
Благодарю за новые идеи! Интересно и полезно. JS только-только начинаю осваивать, поэтому онтересно знать и другие способы создания анимаций (слайдов и т.д.), не только через скрипты. :)
Вот интересный способ в видео, попробуйте сделать)
Согласен, анимации - просто. Особенно когда ты практикуешь их каждый день)
Я их не очень люблю(
@@SuprunAlexey Каждому свое :D
Чувак про анимацию сайтов в конце не знал спасибо тебе
достойно, спасибо, лукас поставлен !
Спасибо
Автора лайк и подписка, я бы и многие подписчики думаю, хотели бы увидеть анимации на js.
Видео про Back-end языков программирования. И видео про вас какие языки программирования вы знаете? Спасибо👍🏻🙏🏻
Супер! Спасибо огромное! Теперь сайты зашевелятся 😅
Класс 👍🏻
Подписался круто говоришь понятно все лайк и колоколчик
Просто, быстро, интересно) Спасибо)
О, круто, спасибо ☺️
Сейчас актуальна только чистая CSS анимация (без JS библиотек для анимации) и её лучше не использовать на сайтах, которые создаются под продвижение. Современные требования Core Web Vitals 2021 обязательны для всех страниц перед индексацией Google. А JS требует обязательной загрузки файла в первых секундах. А CSS анимация может освободить первые секунды под хорошее прохождение тестов PageSpeed Insights. А вот графика в анимации не так сильно влияет на показатели тестов.
помогаешь сильно
спасибо! за библиотеку отдельное спасибо
)
Очень понравилась анимация на 6:25. Не подскажите, как сделать такую же анимацию только уже не с текстом, а с картинкой png?
ВСе курто но ты упускаешь маленькие но важные детали. js просто созадется или нужен плагин?
Приветствую, а можно узнать как управлять скоростью появления этой фишки с появлением объектов при скролле.
Очень полезное видео. Спасибо!
ну как там планируется видео про создание игры на чистом js?
Ага
Анимэйшн-дирэйшен Анимэйшн-ПЛЭЙСТЕЙШЭН :D
Будь по вашему
it's really good
I like it:)
AOS библиотека - можно изменить время анимации, если вдруг не устраивает скорость появления элемента на странице?
конечно
Доброго дня, по поводу ссылки с анимациями. Можно несколько позиций показать для наглядности как ими пользоваться и использовать, а то что то разобраться не могу. Спасибо
классный видос, спасибо
Лайк
а что скажете насчет animate.css и wow.js? Я обычно использовал эту связку, но там не получалось скрывать опять элементы, эта библиотека что вы показали не сильно нагружает сайт?
какие программы нужно постваить?
Подскажите почему transform не работает
AOS сильно большая библиотека, занимает она много места и как вона в оптимизации? Пожалуйста подскажите)
огромное спасибо!
5:35 скиньте ссылку плиз
Добавил в описание к видео
@@SuprunAlexey крутяк, спасибо
дуже крутий макет для портфоліо, де його найти ?
Сними видео про Ace js или Codemirror плиз🤓🤓🤓
Увы они интересны только тебе
что-то я не понял как определилась длина дуги, которая крутится? Цвет вижу, а длины нет (
разобрались?
@@SuprunAlexey нет
Спасибо большое
Всегда пожалуйста
Спасибо))
Всегда пожалуйста, посмотрите и остальные видео у меня на канале
@@SuprunAlexey гляну)
у меня вначале не получается
Давай курсы laravel 8 Магазин за час или блог
Можно
Спасибо
а можно ссылки на источники ?
Да, в описании
Оо
Годнота подъехала!!!
Кайф
Брат помоги main-text не работает можеч помощь
класс
Порядок
Красава
Как сделать чтобы анимации срабатывали только один раз?
Почему у меня у вкладках не работает ета анимация
Сложно сказать по комментарию
А как сделать анимацию объектов при скроллинге? Я имею ввиду такую анимацию: south-stream-transport.com
animate.css and wow.js
ты сделай обзор один как работать с кнопкой на laravel 8 , типа : нажал на кнопку и текст появился или событие вызвалось, и с кнопачным редиректом ! ЖДУ такой ролик
И его посмотрит один человек. Круто!!
@@SuprunAlexey зато буду знать
@Данил Мальков laravel с angular можно вместе ?