Никита Дубко - CSS first. Когда JS не нужен

แชร์
ฝัง
  • เผยแพร่เมื่อ 26 ก.ย. 2024
  • Ближайшая конференция - HolyJS 2024 Autumn, 7 ноября (online), 14-15 ноября (Санкт-Петербург + трансляция).
    Подробности и билеты: jrg.su/K18Cxd
    - -
    В 2023 году CSS умеет многие вещи, которые раньше были возможны только с подключенными JS-библиотеками. И эти библиотеки нужно было постоянно обновлять. Но принцип «Работает - не трогай» не дает нам облегчить бандл, а старая привычка, что какие-то фичи еще не работают во всех браузерах, усугубляет ситуацию.
    Доклад Никиты - о том, как переписать целые JS-библиотеки на CSS и в каких случаях это не стоит делать.
    Ссылка на презентацию: mefody.github....

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

  • @rustamakhmetyanov4404
    @rustamakhmetyanov4404 8 หลายเดือนก่อน +87

    круто Хагрид поясняет за CSS

    • @ecstasy5101
      @ecstasy5101 7 หลายเดือนก่อน

      @@LazyMandias-t7bчерт, опередил))

    • @sqlap-rp3fx
      @sqlap-rp3fx 7 หลายเดือนก่อน

      Блин, а я думаю Киркоров что ли

    • @glavtrest
      @glavtrest 2 หลายเดือนก่อน

      @@sqlap-rp3fx Оба перепутали, это - Корнелюк...

  • @mateo1.1
    @mateo1.1 7 หลายเดือนก่อน +4

    Классная преза. Спасибо
    Помимо информации, кайфовая фишки:
    1. с полосой состояния презы внизу. Показывает сколько слайдов прошли и сколько осталось
    2. рабочие примеры css которые тыкаются прямо в презе
    Figma и Никита Дубко творят чудеса визуальной подачи инфы

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

      Это не фигма :-)

  • @bagasek
    @bagasek 8 หลายเดือนก่อน +5

    ооочень хорошо. спасибо за доклад)

  • @РусланМуратбеков-м9ц
    @РусланМуратбеков-м9ц 8 หลายเดือนก่อน +8

    столько нового узнал
    но я не интересуюсь css но посмотрел до конца 🤣 спасибо за доклад

  • @AliceWonder984
    @AliceWonder984 7 หลายเดือนก่อน +1

    Отличная лекция, огромное спасибо!

  • @senior_012
    @senior_012 8 หลายเดือนก่อน +2

    Никит, спасибо, много пользы! ) Часть с таймлайном уже заюзал )

  • @lifeisbeautifu1
    @lifeisbeautifu1 7 หลายเดือนก่อน +1

    Отличный доклад!

  • @sultanmyrza
    @sultanmyrza 8 หลายเดือนก่อน +1

    Блин классный докладчик 🚀

  • @Black1991Star
    @Black1991Star 8 หลายเดือนก่อน +3

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

  • @TeodorArg
    @TeodorArg 7 หลายเดือนก่อน

    отличное видео. Большущее спасибо !

  • @murrmax1466
    @murrmax1466 8 หลายเดือนก่อน +1

    Реально круто! Спасибо))

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

    Добавил в плейлист :) пригодится для визиток

  • @kirillvoloshin2065
    @kirillvoloshin2065 8 หลายเดือนก่อน +3

    а как оно на мобильном сафари

  • @KirA-bz9tz
    @KirA-bz9tz 7 หลายเดือนก่อน +4

    Да уж, воистину: "Усложнить любой может, а ты попробуй упрости." Хороший доклад, очень интересно.

  • @alexeis628
    @alexeis628 7 หลายเดือนก่อน

    Наконец-то браузеры запилили наработки обычных верстальщиков сайтов и все это стало доступным

  • @ВадимГаджимурадов
    @ВадимГаджимурадов 8 หลายเดือนก่อน

    круто!

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

    огонь

  • @romankrytski8687
    @romankrytski8687 6 หลายเดือนก่อน

    Пойду найду Никитоса в ютубе да подпишусь, что-ли 😮

  • @Владимир-о5ъ8ы
    @Владимир-о5ъ8ы 2 หลายเดือนก่อน

    Как полифил для scroll-anination на nextjs поставить

  • @ПавелЗуев-у3х
    @ПавелЗуев-у3х 5 หลายเดือนก่อน

    мощности железа, разрешения экранов и скорости интернета увеличиваются, одна картинка весит больше чем вся структура проекта вместе, мы по прежнему волнуемся за лишние 300кб за которые волновались и 10 лет назад... стабильность

  • @sergeymild
    @sergeymild 7 หลายเดือนก่อน

    круто

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

    а я когда-то сидел и кайфовал от своей реализации smooth scroll. Теперь буду сидеть и кайфовать от чего-нибудь другого)

    • @lkjgjiy7312
      @lkjgjiy7312 7 หลายเดือนก่อน

      А вы на чистом css сделали?

  • @СергейК-б6н
    @СергейК-б6н 7 หลายเดือนก่อน

    Холи щит:D

  • @maestro_uyx
    @maestro_uyx 8 หลายเดือนก่อน +1

    Лектор - красавчик! Мне бы такого учителя, я бы этот фронтенд на пальце вертел).

  • @klirmio21
    @klirmio21 7 หลายเดือนก่อน

    не гзип, а джи зип) а презентация отличная

  • @СтависВега
    @СтависВега 2 หลายเดือนก่อน

    Я попробовал сделать подобное на одном сайте. Вроде бы удобно управлять и свайпы работают безотказно. Но!!!!!! Яндекс решил, что это является ГОРИЗОНТАЛЬНЫМ СКРОЛОМ и сообщил что "не может признать сайт пригодным для мобильных устройств.
    Так что CSS хорошо, но не в этом тысячилетии.

  • @BOGZOERT
    @BOGZOERT 7 หลายเดือนก่อน

    Аааа, я теперь понял почему так рукажопно написан веб мтс-музыка

  • @tnsaturday
    @tnsaturday 8 หลายเดือนก่อน +6

    Если у вас 100 000 000 DAU, то 72 000 рублей для вашей компании - это не деньги.

    • @grulex411
      @grulex411 8 หลายเดือนก่อน +1

      Ещё отстреливает конверсия на скорости загрузки, а это уже могут быть большие деньги

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

      @@grulex411 Если человеку нужно зайти на яндекс, он туда зайдет. Это уже не вопрос скорости загрузки, это нейм.

  • @ЕвгенийНекрасов-ч8ж
    @ЕвгенийНекрасов-ч8ж 8 หลายเดือนก่อน +2

    Яндекс - компания верстальщиков!

  • @vladimircreator
    @vladimircreator 8 หลายเดือนก่อน +1

    Респект! Хорошее выступление 👍

  • @audiodrocher
    @audiodrocher 7 หลายเดือนก่อน

    Мандáтори говорит прилипай, да. 12:05

  • @ruslan_yefimov
    @ruslan_yefimov 8 หลายเดือนก่อน +1

    колличество фичей в плюсах и рядом не стояло с ужасом в css...

  • @EvgenOl
    @EvgenOl 7 หลายเดือนก่อน +1

    В яндексе работает и тоже в ссылках "хреф" у него...

  • @lionstar3189
    @lionstar3189 8 หลายเดือนก่อน +2

    А что если swiper добавляешь в проект через npm? сборщик подключает только используемые части кода, которые явно указаны через import.

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

      он всё равно неприлично много весит даже для достаточно простых каруселей, достаточно свой бандл поисследовать

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

      Нахера вообще кому то использовать свайпер в 2024

    • @vladislavstepanov7591
      @vladislavstepanov7591 8 หลายเดือนก่อน +2

      @@Alerrrrrt альтернативы?

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

      @@vladislavstepanov7591 keen-slider

    • @localhost666
      @localhost666 8 หลายเดือนก่อน +2

      ​@@Alerrrrrtсам что используешь?

  • @Ilohimushka
    @Ilohimushka 7 หลายเดือนก่อน

    Когда браузеры начнут пахать а ? Самые медленные люди 😂

  • @michaeljames0
    @michaeljames0 8 หลายเดือนก่อน +1

    Сплошные манипуляции с цифрами в докладе. Выглядит всё круто конечно, но в реальной практике нужно делать под все браузеры. А когда будет полная поддержка хотя бы в браузерах (включая мобильные) последних 3 лет? Или автор предлагает для каждого браузера свой код писать? ) К тому же, некоторые js библиотеки, как gsap, работают быстрее, чем css. Плавность сложной анимации куда важнее лишних КБ.

    • @frkammm1214
      @frkammm1214 7 หลายเดือนก่อน

      доклад ради доклада

  • @Atractiondj
    @Atractiondj 4 หลายเดือนก่อน

    inert разработчики сделали конечно по-еврейски...

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

    беларус, а ну беларус скажи что нибудь по беларусски

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

    В реальности это не пригодиться, я уверен почти все кто смотрят даже не знают сколько байт занимает логический тип

    • @maxkinli
      @maxkinli 8 หลายเดือนก่อน +1

      Я не хейтер ребят, но честно это только для тех кто уже давно в профессии или чисто для общего развития

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

      8

    • @ds-rf1jv
      @ds-rf1jv 7 หลายเดือนก่อน

      1

    • @YanasChanell
      @YanasChanell 7 หลายเดือนก่อน +1

      мне пригодится, хотя я большую часть уже и так знаю

  • @prettyone68
    @prettyone68 8 หลายเดือนก่อน +1

    Приходит заказчик- хочу я то-то . А я такой - ля , не умею я ничего оказывается . Но вебинары проводить я буду.

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

      А зачем нужен разработчик, который отказывается свою работу выполнять?

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

      @@kaiiisaaatara ну для бомжей-джунов инфу вещает , которая просто по дефолту. Разраб не могучий. Разраб юзать сторонний скрипт. Разраб не знать что это все можно вообще в одном CSS реализовать. ( карусельки эти) И о чудо , получится что без JS будет все. Но разраб не знать, разраб спросить чат жпт.

  • @СемёнПурнемцев-ц8о
    @СемёнПурнемцев-ц8о 8 หลายเดือนก่อน

    Блин, а ссылочек и презентации не завозят, да для записей?

    • @HolyJS
      @HolyJS  8 หลายเดือนก่อน +3

      Здравствуйте!
      Ссылка на слайды к презентации: mefody.github.io/talks/css-first/