Никита Дубко - CSS first. Когда JS не нужен
ฝัง
- เผยแพร่เมื่อ 26 ก.ย. 2024
- Ближайшая конференция - HolyJS 2024 Autumn, 7 ноября (online), 14-15 ноября (Санкт-Петербург + трансляция).
Подробности и билеты: jrg.su/K18Cxd
- -
В 2023 году CSS умеет многие вещи, которые раньше были возможны только с подключенными JS-библиотеками. И эти библиотеки нужно было постоянно обновлять. Но принцип «Работает - не трогай» не дает нам облегчить бандл, а старая привычка, что какие-то фичи еще не работают во всех браузерах, усугубляет ситуацию.
Доклад Никиты - о том, как переписать целые JS-библиотеки на CSS и в каких случаях это не стоит делать.
Ссылка на презентацию: mefody.github....
круто Хагрид поясняет за CSS
@@LazyMandias-t7bчерт, опередил))
Блин, а я думаю Киркоров что ли
@@sqlap-rp3fx Оба перепутали, это - Корнелюк...
Классная преза. Спасибо
Помимо информации, кайфовая фишки:
1. с полосой состояния презы внизу. Показывает сколько слайдов прошли и сколько осталось
2. рабочие примеры css которые тыкаются прямо в презе
Figma и Никита Дубко творят чудеса визуальной подачи инфы
Это не фигма :-)
ооочень хорошо. спасибо за доклад)
столько нового узнал
но я не интересуюсь css но посмотрел до конца 🤣 спасибо за доклад
Отличная лекция, огромное спасибо!
Никит, спасибо, много пользы! ) Часть с таймлайном уже заюзал )
Отличный доклад!
Блин классный докладчик 🚀
Хороший выпуск, спасибо. Никита, лукавит про нормальную анимацию аккордиона через
отличное видео. Большущее спасибо !
Реально круто! Спасибо))
Добавил в плейлист :) пригодится для визиток
а как оно на мобильном сафари
Да уж, воистину: "Усложнить любой может, а ты попробуй упрости." Хороший доклад, очень интересно.
Наконец-то браузеры запилили наработки обычных верстальщиков сайтов и все это стало доступным
круто!
огонь
Пойду найду Никитоса в ютубе да подпишусь, что-ли 😮
Как полифил для scroll-anination на nextjs поставить
мощности железа, разрешения экранов и скорости интернета увеличиваются, одна картинка весит больше чем вся структура проекта вместе, мы по прежнему волнуемся за лишние 300кб за которые волновались и 10 лет назад... стабильность
круто
а я когда-то сидел и кайфовал от своей реализации smooth scroll. Теперь буду сидеть и кайфовать от чего-нибудь другого)
А вы на чистом css сделали?
Холи щит:D
Лектор - красавчик! Мне бы такого учителя, я бы этот фронтенд на пальце вертел).
не гзип, а джи зип) а презентация отличная
Я попробовал сделать подобное на одном сайте. Вроде бы удобно управлять и свайпы работают безотказно. Но!!!!!! Яндекс решил, что это является ГОРИЗОНТАЛЬНЫМ СКРОЛОМ и сообщил что "не может признать сайт пригодным для мобильных устройств.
Так что CSS хорошо, но не в этом тысячилетии.
Аааа, я теперь понял почему так рукажопно написан веб мтс-музыка
Если у вас 100 000 000 DAU, то 72 000 рублей для вашей компании - это не деньги.
Ещё отстреливает конверсия на скорости загрузки, а это уже могут быть большие деньги
@@grulex411 Если человеку нужно зайти на яндекс, он туда зайдет. Это уже не вопрос скорости загрузки, это нейм.
Яндекс - компания верстальщиков!
Респект! Хорошее выступление 👍
Мандáтори говорит прилипай, да. 12:05
колличество фичей в плюсах и рядом не стояло с ужасом в css...
В яндексе работает и тоже в ссылках "хреф" у него...
А что если swiper добавляешь в проект через npm? сборщик подключает только используемые части кода, которые явно указаны через import.
он всё равно неприлично много весит даже для достаточно простых каруселей, достаточно свой бандл поисследовать
Нахера вообще кому то использовать свайпер в 2024
@@Alerrrrrt альтернативы?
@@vladislavstepanov7591 keen-slider
@@Alerrrrrtсам что используешь?
Когда браузеры начнут пахать а ? Самые медленные люди 😂
Сплошные манипуляции с цифрами в докладе. Выглядит всё круто конечно, но в реальной практике нужно делать под все браузеры. А когда будет полная поддержка хотя бы в браузерах (включая мобильные) последних 3 лет? Или автор предлагает для каждого браузера свой код писать? ) К тому же, некоторые js библиотеки, как gsap, работают быстрее, чем css. Плавность сложной анимации куда важнее лишних КБ.
доклад ради доклада
inert разработчики сделали конечно по-еврейски...
беларус, а ну беларус скажи что нибудь по беларусски
В реальности это не пригодиться, я уверен почти все кто смотрят даже не знают сколько байт занимает логический тип
Я не хейтер ребят, но честно это только для тех кто уже давно в профессии или чисто для общего развития
8
1
мне пригодится, хотя я большую часть уже и так знаю
Приходит заказчик- хочу я то-то . А я такой - ля , не умею я ничего оказывается . Но вебинары проводить я буду.
А зачем нужен разработчик, который отказывается свою работу выполнять?
@@kaiiisaaatara ну для бомжей-джунов инфу вещает , которая просто по дефолту. Разраб не могучий. Разраб юзать сторонний скрипт. Разраб не знать что это все можно вообще в одном CSS реализовать. ( карусельки эти) И о чудо , получится что без JS будет все. Но разраб не знать, разраб спросить чат жпт.
Блин, а ссылочек и презентации не завозят, да для записей?
Здравствуйте!
Ссылка на слайды к презентации: mefody.github.io/talks/css-first/