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

Подписаться 29 тыс.

Просмотров 47 тыс.

50% 1

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

Развлечения

Опубликовано:

21 янв 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 64

@rustamakhmetyanov4404 4 месяца назад

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

@ecstasy5101 4 месяца назад

@@user-rm6ee9nq1qчерт, опередил))

@sqlap-rp3fx 3 месяца назад

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

@bagasek 4 месяца назад

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

@user-ow9pe8xh6t 4 месяца назад

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

@mateo1.1 3 месяца назад

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

@AliceWonder984 3 месяца назад

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

@murrmax1466 4 месяца назад

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

@TeodorArg 3 месяца назад

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

@14brotherful 4 месяца назад

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

@user-or6xn7xr1j 4 месяца назад

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

@lifeisbeautifu1 4 месяца назад

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

@sultanmyrza 4 месяца назад

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

@vladimircreator 4 месяца назад

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

@Black1991Star 4 месяца назад

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

@user-lt8oz8fq1x 4 месяца назад

круто!

@youngergeneration5905 4 месяца назад

огонь

@kirillvoloshin2065 4 месяца назад

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

@sergeymild 4 месяца назад

круто

@KirA-bz9tz 4 месяца назад

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

@user-wm3yj4eu9t 4 месяца назад

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

@HolyJS 4 месяца назад

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

@alexeis628 3 месяца назад

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

@Lampa303 4 месяца назад

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

@lkjgjiy7312 3 месяца назад

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

@user-tb3mm6dl3z 3 месяца назад

Холи щит:D

@romankrytski8687 3 месяца назад

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

@user-hk1go5rl9f 2 месяца назад

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

@lionstar3189 4 месяца назад

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

@whatifgodsmokedcannabis 4 месяца назад

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

@Alerrrrrt 4 месяца назад

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

@vladislavstepanov7591 4 месяца назад

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

@denisChernyh 4 месяца назад

@@vladislavstepanov7591 keen-slider

@localhost666 4 месяца назад

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

@klirmio21 3 месяца назад

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

@EOA69 4 месяца назад

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

@user-ki6sz4nz3l 4 месяца назад

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

@BOGZOERT 3 месяца назад

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

@audiodrocher 3 месяца назад

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

@tnsaturday 4 месяца назад

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

@grulex411 4 месяца назад

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

@tnsaturday 4 месяца назад

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

@EvgenOl 4 месяца назад

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

@ruslan_yefimov 4 месяца назад

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

@michaeljames0 4 месяца назад

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

@frkammm1214 3 месяца назад

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

@prettyone68 4 месяца назад

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

@user-im7sd9ez4f 4 месяца назад

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

@prettyone68 4 месяца назад

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