Новые CSS анимации!

แชร์
ฝัง
  • เผยแพร่เมื่อ 9 ก.พ. 2025

ความคิดเห็น • 57

  • @Howtogoit
    @Howtogoit  ปีที่แล้ว +2

    Присоединяйся к бесплатному вебинару по ChatGPT - Промпт-инженер, узнай, как создать нейросотрудников и зарабатывать от 1 миллиона рублей за проект при помощи ИИ. Не забудь забрать бонус - вебинар «ChatGPT: создаем нейронку без единой строчки кода":
    neural-university.ru/lp_it?
    erid: 2Vtzquqw8Mf
    Телеграм:
    t.me/howToLearnIT
    0:00 История css-анимаций
    0:45 Унивеситет ИИ
    2:09 View Transitions api
    7:40 Scroll timeline
    9:40 View timeline
    11:20 Вывод
    #css #html #frontend #javascript

  • @michaelkamko
    @michaelkamko ปีที่แล้ว +7

    Да ладно!!!! "Таймлайн" по скроллу - это то, чего мне ОООЧЕНЬ не хватало все время.
    Спасибо!

  • @sixzerexs
    @sixzerexs ปีที่แล้ว +13

    монтаж нереально крутой , продолжай

  • @paemox
    @paemox ปีที่แล้ว +6

    10:55 - что за сайт?

  • @michaelkamko
    @michaelkamko ปีที่แล้ว +2

    Бро, я это искал много лет!!! Спасибо! (Делаю многослойный сайт с параллаксом)

  • @knowname5354
    @knowname5354 ปีที่แล้ว +27

    Эх, жаль, что всё новое появляющееся в этом вашем css можно будет использовать нормально только через лет 5-10, чтобы не выпендриваться с трудностью поддержки на браузерах, которые светятся красным в caniuse)

    • @------------------------
      @------------------------ ปีที่แล้ว +7

      Использовать ведь можно уже сейчас. А динозавры со старыми браузерами будут сидеть без анимашек. Им ведь и лучше будет, ведь девайсы скорее всего древние, да и фирменное "раньше было лучше" влияет. Анимашки это не какой-то функционал, могут и обойтись

    • @darktau2114
      @darktau2114 ปีที่แล้ว +4

      @@------------------------ к сожалению есть сафари, который практически всегда до последнего не поддерживает новые фичи, эта апишка тоже не поддерживается даже в 17 сафари, а это львиная доля смартофонов

    • @vitaly-
      @vitaly- ปีที่แล้ว +3

      @@------------------------ ты ни дня не проработал в коммерческой разработке, иначе такую чушь бы не порол.

    • @------------------------
      @------------------------ ปีที่แล้ว

      @@vitaly- ошибаешься. Я ведь говорю, что это просто анимации. Если у кого-то не работают - могут и потерпеть. С функционалом такое не прокатит

    • @vitaly-
      @vitaly- ปีที่แล้ว +2

      @@------------------------ нет, не ошибаюсь. Ты снова это подтвердил, ни одна нормальная компания не согласится чтобы что-то у одних работало, а у других людей на других браузерах / старых версиях не работало, за исключением очень старых по типу всех версий IE.

  • @AndroidsReview
    @AndroidsReview ปีที่แล้ว

    Братан, хорош! Контент вообще в кайф! Можно вот этого по чаще?

    • @ВладИрхие
      @ВладИрхие 9 หลายเดือนก่อน

      подписчик ExtremeCode вычислен))

  • @nikolay6143
    @nikolay6143 11 หลายเดือนก่อน

    как всегда офигенно, спасибо, схоронил

  • @Никс-м5е
    @Никс-м5е ปีที่แล้ว +1

    Когда услышал про таймлайн анимации зависимый от скролла, заметил как GSAP scrollTrigger, Lenis и Locomotive немного загрустили :D

  • @funnyenglish4330
    @funnyenglish4330 ปีที่แล้ว +6

    Спасибо за очередное топовое видео! Лайк 👍🏼

  • @Virisound
    @Virisound ปีที่แล้ว

    Спасибо., в закладки... Как-нибудь воспользуюсь новыми фишками.

  • @АндрейМарковский-э5д
    @АндрейМарковский-э5д ปีที่แล้ว

    10:55 подскажите пожалуйста ссылку на данный инструмент. Попробовать поиграть с параметрами.
    искал, но не получилось найти...

  • @romansamon9215
    @romansamon9215 ปีที่แล้ว +5

    Я во фронте уже 5 лет и с каждым годом все ускоряется и ускоряется, НЕ УСПЕВАЮ ЗА ВСЕМ СЛЕДИТЬ, А УЖ ТЕМ БОЛЕЕ ПОЩУПАТЬ/ПОТРОГАТЬ Я ТОГО ВСЕ, всем добра гайс

  • @miloman1995s
    @miloman1995s ปีที่แล้ว +1

    красава, спс

  • @andrew.garuda
    @andrew.garuda ปีที่แล้ว

    Нам это не грозит, многие гридов боятся, а половина еще на таблицах верстает

  • @DevAccount-rq4ni
    @DevAccount-rq4ni ปีที่แล้ว

    Как всегда рассказал о чем то супер полезном ,о чем раньше не знал. Лайк с меня👍!

  • @TbIKB04KA
    @TbIKB04KA ปีที่แล้ว +1

    "animation-timeline" свойство конечно классное, могло бы убрать часть нагрузки на JS-анимацию. Но пару гвоздей в крышку гроба забивает Safari, а прочие мобильные браузеры (кроме хрома), стоят и поддерживают его (поскольку абсолютно не поддерживают это свойство).

    • @btctrade
      @btctrade ปีที่แล้ว +2

      только ввели технологию, а ей уже гвозди в крышку гроба вбивают

    • @TbIKB04KA
      @TbIKB04KA ปีที่แล้ว

      @@btctrade Достаточно взглянуть как быстро Apple добавляют новые технологии в свой браузер. Глядишь лет через 5 добавят, в лучшем случае.

    • @btctrade
      @btctrade ปีที่แล้ว

      @@TbIKB04KA ну значит вебкитюзеры будут без анимаций 👍

    • @Kredrog
      @Kredrog ปีที่แล้ว +2

      Да уж, с прекращением поддержки великого и ужасного IE его “почётное” место на позорном столбе занял Safari.

  • @pionerblr
    @pionerblr ปีที่แล้ว

    Топ

  • @виртуоз_ру
    @виртуоз_ру ปีที่แล้ว +1

    Хорош 👍

  • @zIscander
    @zIscander ปีที่แล้ว

    Огонь

  • @renatkhabirov9321
    @renatkhabirov9321 ปีที่แล้ว

    Почему снапшоты называют скриншотами?

  • @p4v31
    @p4v31 ปีที่แล้ว

    Спасибо за рекламу хрома!

  • @atomic_milok
    @atomic_milok ปีที่แล้ว

    Выглядит как костыль на костыле

  • @ИванТамерлан
    @ИванТамерлан ปีที่แล้ว +1

    Спасибо, посмеялся над фразой "новые анимации облегчат жизнь". Ибо сейчас все это выглядит как костыли, которые еще и не везде работают.
    Вы там в 2023 году научились в модульность, пакеты, namespace ? Или все еще пишете в глобальной области видимости? Что приходилось работать с неадекватными решениями вроде БЭМ.
    Все еще разработчики не осилили ноды, поэтому все пишется текстом?
    Даже фреймворки js выглядят не как фреймворки, а как бомж-пакеты "все свое ношу с собой". Некоторые, вроде React, вообще ударились в политику.
    В целом складывается ощущение, что фронтендеры существуют не как программисты, которые делают многоразовый код и еще и красиво, а как любители наложить свои костыли в поток разработки. А тот факт, что сейчас используется JSON для передачи переменных как бы намекает, что убогий HTML все еще пытаются разными способами держать на плаву...

  • @sanja816816
    @sanja816816 ปีที่แล้ว

    сафари и файрфокс вышли из чакта

    • @michaelkamko
      @michaelkamko ปีที่แล้ว

      Туда им и дорога давно уже

  • @hadiespace
    @hadiespace ปีที่แล้ว

    Бусти живой?

  • @venegrad
    @venegrad 8 หลายเดือนก่อน

    safari 🗿🗿🗿

  • @PUSTOYACC4
    @PUSTOYACC4 ปีที่แล้ว

    Первый🎉

  • @АльпПромСамара
    @АльпПромСамара ปีที่แล้ว +1

    Ну и геморрой. Но в связи с тем что в ближайшее 5 лет из за санкций интернет у нас станет тормозной, а этот css костыль даст дофига какую нагрузку на сервер хостинга. Короче трафика дофига и мобильный интернет должен быть оч быстрым.

    • @хзкто-н1е
      @хзкто-н1е ปีที่แล้ว

      Хм, может я что то не знаю но цсс же вроде на клиенте обрабатывается, и даже не за счёт интернета

    • @michaelkamko
      @michaelkamko ปีที่แล้ว +1

      В смысле? Наоборот снизит нагрузку. Раньше это было на js и тормозило безбожно.

    • @АльпПромСамара
      @АльпПромСамара ปีที่แล้ว

      @@хзкто-н1е , на каком клиенте? У тебя где файлы сайта хранятся, друг? Хватит бред писать.

    • @хзкто-н1е
      @хзкто-н1е ปีที่แล้ว

      @@АльпПромСамара ну на сервере, и что с этого, обрабатывает же клиент, как оно нагрузку на сервер даст?

  • @Happy-Gappy
    @Happy-Gappy ปีที่แล้ว +1

    жаль что во фронт теперь уже не войдешь,там легионы, все на завод

    • @michaelkamko
      @michaelkamko ปีที่แล้ว

      Так говорили в любое время, что уже поздно.

    • @Happy-Gappy
      @Happy-Gappy ปีที่แล้ว +1

      @@michaelkamko сейчас слишком много аргументов почему это очень близко к истине

    • @michaelkamko
      @michaelkamko ปีที่แล้ว

      @@Happy-Gappy есть истина в том, что кто-то прийдет намного позже, чем сейчас и добьется здесь больших успехов.
      В каком смысле уже поздно? Что, сайтов не будет появляться?

    • @Happy-Gappy
      @Happy-Gappy ปีที่แล้ว

      @@michaelkamko поздно в том смысле что там бешеная конкуренция, вакансий сейчас мало, плюс еще людей и увольняют которые так же с остальными желающими начинают искать работу,тоесть на одну вакансию там просто легионы желающих, а так как фронт это та стезя какую курсы пиарили больше всего и туда шли чуть ли не целыми семьями то там людей просто хренова туча. И проблема как раз таки в количестве, то что качество такое себе это понятно. Но среди этих легионов тебя просто и не заметят. Тут реально уже фарт работает, увидет кто то твое резюме или не увидит

    • @michaelkamko
      @michaelkamko ปีที่แล้ว

      @@Happy-Gappy ну если в найм, там всегда будет самая большая конкуренция

  • @vladimircreator
    @vladimircreator ปีที่แล้ว

    0:54 забудьте, чуваки, у вас нет шансов.