Рефакторинг CSS: Введение (Часть 1)
https://www.smashingmagazine.com/2021/07/refactoring-css-introduction-part1/
https://www.smashingmagazine.com/2021/07/refactoring-css-introduction-part1/
Как остановить повторный рендеринг списков в React?
https://alexsidorenko.com/blog/react-list-rerender/
https://alexsidorenko.com/blog/react-list-rerender/
Экспериментируем с шаблонами литералов в TypeScript: как покрыть типами DSL
https://habr.com/ru/company/selectel/blog/567758/
https://habr.com/ru/company/selectel/blog/567758/
❤1
Новый image-set как тег picture в CSS: не только ретина, но и WebP и AVIF
https://www.youtube.com/watch?v=VnjrIGvoO_Y
https://www.youtube.com/watch?v=VnjrIGvoO_Y
YouTube
Новый image-set как 🖼 тег picture в CSS: не только ретина, но и WebP и AVIF
00:00 Интро
00:34 Вставка PNG
01:08 Оптимизация в JPEG
01:56 Ретиновый JPEG
02:53 Подключение WebP
04:23 Подключение AVIF
05:42 Картинка как фон
06:35 Основа карточки
09:31 Как делали раньше
10:15 Замена на image-set
11:08 Загрузка по типам
12:33 AVIF в Firefox…
00:34 Вставка PNG
01:08 Оптимизация в JPEG
01:56 Ретиновый JPEG
02:53 Подключение WebP
04:23 Подключение AVIF
05:42 Картинка как фон
06:35 Основа карточки
09:31 Как делали раньше
10:15 Замена на image-set
11:08 Загрузка по типам
12:33 AVIF в Firefox…
Создавайте сложные CSS переходы с помощью пользовательских свойств и cubic-bezier()
https://css-tricks.com/build-complex-css-transitions-using-custom-properties-and-cubic-bezier/
https://css-tricks.com/build-complex-css-transitions-using-custom-properties-and-cubic-bezier/
CSS-Tricks
Build Complex CSS Transitions using Custom Properties and cubic-bezier() | CSS-Tricks
I recently illustrated how we can achieve complex CSS animations using cubic-bezier() and how to do the same when it comes to CSS transitions. I was able to
Определение поддержки медиа-запросов в CSS и JavaScript
https://kilianvalkhof.com/2021/web/detecting-media-query-support-in-css-and-javascript/
https://kilianvalkhof.com/2021/web/detecting-media-query-support-in-css-and-javascript/
Kilian Valkhof | Front-end & user experience developer
Detecting media query support in CSS and JavaScript | Kilian Valkhof
Recently I needed a way to detect support for a media query in CSS and Javascript. To detect if a browser supports a certain CSS feature, you can use @supports () { ... }, but that doesn’t work for media queries. In this article I’ll show you how you can…
Webpack Module Federation — микрофронтенд на современных технологиях
https://habr.com/ru/company/netcracker/blog/568054/
https://habr.com/ru/company/netcracker/blog/568054/
Хабр
Webpack Module Federation — микрофронтенд на современных технологиях
Привет, Хабр! В Netcracker мы уже давно используем микрофронтендную архитектуру, и с 2017 года начали разрабатывать собственный платформенный инструмент построения микрофронтендов. Недавно на ...
Тестирование компонентов Vue.js с помощью Vue Test Utils.
В своей статье Nada Riffki рассказывает зачем и как тестировать Vue компоненты (с реальными примерами).
https://blog.logrocket.com/testing-vue-js-components-vue-test-utils/
В своей статье Nada Riffki рассказывает зачем и как тестировать Vue компоненты (с реальными примерами).
https://blog.logrocket.com/testing-vue-js-components-vue-test-utils/
LogRocket Blog
Testing Vue.js components with Vue Test Utils - LogRocket Blog
This guide showcases the benefits of testing your Vue.js components using Vue Test Utils and includes some real-world examples.
Свойства CSS Box Model — объяснение с примерами
https://www.freecodecamp.org/news/css-box-model-explained-with-examples/
https://www.freecodecamp.org/news/css-box-model-explained-with-examples/
Веб-аутентификация: cookie или токены
https://blog.bitsrc.io/web-authentication-cookies-vs-tokens-8e47d5a96d34
https://blog.bitsrc.io/web-authentication-cookies-vs-tokens-8e47d5a96d34
Практические примеры Scroll-Linked анимации в CSS с временными шкалами прокрутки
https://css-tricks.com/practical-use-cases-for-scroll-linked-animations-in-css-with-scroll-timelines/
https://css-tricks.com/practical-use-cases-for-scroll-linked-animations-in-css-with-scroll-timelines/
CSS-Tricks
Practical Use Cases for Scroll-Linked Animations in CSS with Scroll Timelines | CSS-Tricks
The Scroll-Linked Animations specification is an upcoming and experimental addition to CSS. Thanks to the @scroll-timeline at-rule and animation-timeline
25 советов по Vue, которые вам нужно знать
https://dev.to/michaelthiessen/25-vue-tips-you-need-to-know-2h70
https://dev.to/michaelthiessen/25-vue-tips-you-need-to-know-2h70