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

2024 ж. 21 Қаң.
46 552 Рет қаралды

Ближайшая конференция - HolyJS 2024 Autumn, 6 ноября (Online), 12-13 ноября, Санкт-Петербург
- -
В 2023 году CSS умеет многие вещи, которые раньше были возможны только с подключенными JS-библиотеками. И эти библиотеки нужно было постоянно обновлять. Но принцип «Работает - не трогай» не дает нам облегчить бандл, а старая привычка, что какие-то фичи еще не работают во всех браузерах, усугубляет ситуацию.
Доклад Никиты - о том, как переписать целые JS-библиотеки на CSS и в каких случаях это не стоит делать.
Ссылка на презентацию: mefody.github.io/talks/css-fi...

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

    @rustamakhmetyanov4404@rustamakhmetyanov44043 ай бұрын
    • @@user-rm6ee9nq1qчерт, опередил))

      @ecstasy5101@ecstasy51013 ай бұрын
    • Блин, а я думаю Киркоров что ли

      @sqlap-rp3fx@sqlap-rp3fx2 ай бұрын
  • ооочень хорошо. спасибо за доклад)

    @bagasek@bagasek3 ай бұрын
  • Реально круто! Спасибо))

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

    @user-ow9pe8xh6t@user-ow9pe8xh6t3 ай бұрын
  • Отличная лекция, огромное спасибо!

    @AliceWonder984@AliceWonder9842 ай бұрын
  • Добавил в плейлист :) пригодится для визиток

    @14brotherful@14brotherful3 ай бұрын
  • Блин классный докладчик 🚀

    @sultanmyrza@sultanmyrza3 ай бұрын
  • отличное видео. Большущее спасибо !

    @TeodorArg@TeodorArg3 ай бұрын
  • столько нового узнал но я не интересуюсь css но посмотрел до конца 🤣 спасибо за доклад

    @user-or6xn7xr1j@user-or6xn7xr1j3 ай бұрын
  • Отличный доклад!

    @lifeisbeautifu1@lifeisbeautifu13 ай бұрын
  • Респект! Хорошее выступление 👍

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

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

    @Black1991Star@Black1991Star3 ай бұрын
  • круто!

    @user-lt8oz8fq1x@user-lt8oz8fq1x3 ай бұрын
  • огонь

    @youngergeneration5905@youngergeneration59053 ай бұрын
  • круто

    @sergeymild@sergeymild3 ай бұрын
  • а как оно на мобильном сафари

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

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

    @Lampa303@Lampa3033 ай бұрын
    • А вы на чистом css сделали?

      @lkjgjiy7312@lkjgjiy73122 ай бұрын
  • Холи щит:D

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

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

    @user-hk1go5rl9f@user-hk1go5rl9fАй бұрын
  • Пойду найду Никитоса в ютубе да подпишусь, что-ли 😮

    @romankrytski8687@romankrytski86872 ай бұрын
  • Блин, а ссылочек и презентации не завозят, да для записей?

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

      @HolyJS@HolyJS3 ай бұрын
  • не гзип, а джи зип) а презентация отличная

    @klirmio21@klirmio212 ай бұрын
  • Яндекс - компания верстальщиков!

    @user-ki6sz4nz3l@user-ki6sz4nz3l3 ай бұрын
  • Мандáтори говорит прилипай, да. 12:05

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

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

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

      @whatifgodsmokedcannabis@whatifgodsmokedcannabis3 ай бұрын
    • Нахера вообще кому то использовать свайпер в 2024

      @Alerrrrrt@Alerrrrrt3 ай бұрын
    • @@Alerrrrrt альтернативы?

      @vladislavstepanov7591@vladislavstepanov75913 ай бұрын
    • @@vladislavstepanov7591 keen-slider

      @denisChernyh@denisChernyh3 ай бұрын
    • ​@@Alerrrrrtсам что используешь?

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

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

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

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

      @tnsaturday@tnsaturday3 ай бұрын
  • В яндексе работает и тоже в ссылках "хреф" у него...

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

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

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

      @prettyone68@prettyone683 ай бұрын
  • колличество фичей в плюсах и рядом не стояло с ужасом в css...

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

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

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

      @maxkinli@maxkinli3 ай бұрын
    • 8

      @GameForYouOnline@GameForYouOnline3 ай бұрын
    • 1

      @ds-rf1jv@ds-rf1jv3 ай бұрын
    • мне пригодится, хотя я большую часть уже и так знаю

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

    @michaeljames0@michaeljames03 ай бұрын
    • доклад ради доклада

      @frkammm1214@frkammm12143 ай бұрын
  • беларус, а ну беларус скажи что нибудь по беларусски

    @vadymsushchenko1680@vadymsushchenko16803 ай бұрын
  • inert разработчики сделали конечно по-еврейски...

    @Atractiondj@Atractiondj4 күн бұрын
KZhead