4 способа писать CSS будущего уже сегодня (и когда лучше придерживаться проверенных методов)
Dmitry Mayorov
0:00 / 0:00
4 способа писать CSS будущего уже сегодня (и когда лучше придерживаться проверенных методов)
1 483 просмотра · 2 года назад
Dmitry Mayorov
4,32 тыс. подписчиков
1 483 просмотра · 2 года назад
Получайте обновления о новых видео → https://tinyurl.com/yuu8x8my
Подписывайтесь на меня в Twitter: https://x.com/dmtrmrv
В этом видео я поделюсь четырьмя советами по использованию новейших функций CSS без нарушения работы вашего сайта в старых браузерах. Мы разберемся, как реализовать резервные варианты, использовать правило @supports для определения функций и применять полифилы для использования современных функций в старых браузерах.
Я также покажу вам, что такое postcss-preset-env и как вы можете использовать его для автоматизации совместимости, позволяя писать современный CSS, который работает везде. Кроме того, я дам вам практические советы о том, когда лучше избегать использования новых функций.
Ссылки на упомянутые технологии и инструменты:
CSS @supports: https://developer.mozilla.org/en-US/d...
Полифиллы: https://developer.mozilla.org/en-US/d...
PostCSS: https://postcss.org/
postcss-preset-env: https://preset-env.cssdb.org/
Можно ли использовать: http://caniuse.com/
Разделы:
00:00 – Введение
00:15 – Совет №1 – Резервные варианты
00:40 – Совет №2 – @supports
01:40 – Совет №3 – Полифилы
03:00 – Совет №4 – Автоматизация
05:10 – Как скоро внедрять новые функции
#CSS #ВебРазработка #РезервныевариантыCSS #CSSSupports #CSSPolyfills #PostCSS #FrontendDevelopment #WebDesign #CSSFeatures #WebDevTips #CodingTips #WebStandards #ModernCSS