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

Рет қаралды 47,222

4 ай бұрын

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

Пікірлер: 64

@rustamakhmetyanov4404 4 ай бұрын

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

@ecstasy5101 4 ай бұрын

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

@sqlap-rp3fx 3 ай бұрын

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

@mateo1.1 3 ай бұрын

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

@bagasek 4 ай бұрын

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

@user-ow9pe8xh6t 4 ай бұрын

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

@murrmax1466 4 ай бұрын

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

@AliceWonder984 3 ай бұрын

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

@14brotherful 4 ай бұрын

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

@TeodorArg 3 ай бұрын

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

@user-or6xn7xr1j 4 ай бұрын

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

@lifeisbeautifu1 4 ай бұрын

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

@sultanmyrza 4 ай бұрын

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

@vladimircreator 4 ай бұрын

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

@Black1991Star 4 ай бұрын

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

@user-lt8oz8fq1x 4 ай бұрын

круто!

@youngergeneration5905 4 ай бұрын

огонь

@KirA-bz9tz 4 ай бұрын

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

@alexeis628 3 ай бұрын

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

@sergeymild 4 ай бұрын

круто

@user-tb3mm6dl3z 3 ай бұрын

Холи щит:D

@kirillvoloshin2065 4 ай бұрын

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

@Lampa303 4 ай бұрын

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

@lkjgjiy7312 3 ай бұрын

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

@user-hk1go5rl9f 2 ай бұрын

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

@romankrytski8687 3 ай бұрын

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

@user-wm3yj4eu9t 4 ай бұрын

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

@HolyJS 4 ай бұрын

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

@klirmio21 3 ай бұрын

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

@user-ki6sz4nz3l 4 ай бұрын

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

@BOGZOERT 3 ай бұрын

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

@lionstar3189 4 ай бұрын

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

@whatifgodsmokedcannabis 4 ай бұрын

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

@Alerrrrrt 4 ай бұрын

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

@vladislavstepanov7591 4 ай бұрын

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

@denisChernyh 4 ай бұрын

@@vladislavstepanov7591 keen-slider

@localhost666 4 ай бұрын

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

@tnsaturday 4 ай бұрын

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

@grulex411 4 ай бұрын

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

@tnsaturday 4 ай бұрын

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

@audiodrocher 3 ай бұрын

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

@EOA69 4 ай бұрын

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

@ruslan_yefimov 4 ай бұрын

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

@EvgenOl 4 ай бұрын

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

@prettyone68 4 ай бұрын

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

@user-im7sd9ez4f 4 ай бұрын

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

@prettyone68 4 ай бұрын

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

@maxkinli 4 ай бұрын

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

@maxkinli 4 ай бұрын

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

@GameForYouOnline 4 ай бұрын

@ds-rf1jv 3 ай бұрын

@YanasChanell 3 ай бұрын

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

@Ilohimushka 3 ай бұрын

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

@michaeljames0 4 ай бұрын

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

@frkammm1214 3 ай бұрын

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