This media is not supported in your browser
VIEW IN TELEGRAM
Более точная отладка производительности в DevTools
В DevTools Chrome 134 появился инструмент калибровки CPU throttling, позволяющий создавать индивидуальные пресеты для эмуляции производительности мобильных устройств. Это помогает приблизиться к реальными условиями использования, обеспечивая более точную настройку и выявление проблем производительности.
https://developer.chrome.com/blog/devtools-grounded-real-world?hl=en
В DevTools Chrome 134 появился инструмент калибровки CPU throttling, позволяющий создавать индивидуальные пресеты для эмуляции производительности мобильных устройств. Это помогает приблизиться к реальными условиями использования, обеспечивая более точную настройку и выявление проблем производительности.
https://developer.chrome.com/blog/devtools-grounded-real-world?hl=en
❤4👍2🔥2
Разработка тёмной темы
О важных аспектах дизайна при реализации темной темы: контраст, типография, доступность.
https://www.smashingmagazine.com/2025/04/inclusive-dark-mode-designing-accessible-dark-themes/
О важных аспектах дизайна при реализации темной темы: контраст, типография, доступность.
https://www.smashingmagazine.com/2025/04/inclusive-dark-mode-designing-accessible-dark-themes/
🔥3👍1
Подробное руководство по лучшим практикам тестирования Node.js приложений
Более 50 практик, охватывающих такие темы, как стратегия тестирования, настройка БД и инфраструктуры, конфигурация веб-сервера, интеграционное тестирование, работа с данными, очереди сообщений и методы мокинга.
https://github.com/goldbergyoni/nodejs-testing-best-practices#readme
Более 50 практик, охватывающих такие темы, как стратегия тестирования, настройка БД и инфраструктуры, конфигурация веб-сервера, интеграционное тестирование, работа с данными, очереди сообщений и методы мокинга.
https://github.com/goldbergyoni/nodejs-testing-best-practices#readme
👍4
Экспериментальные функции в React: ViewTransition и Activity
Компонент
Компонент
https://react.dev/blog/2025/04/23/react-labs-view-transitions-activity-and-more
Компонент
<ViewTransition>
позволяет легко добавлять анимации при переходах между состояниями интерфейса, используя новый API браузера startViewTransition
. Компонент
<Activity>
предоставляет возможность управлять отображением частей UI, скрывая или показывая их в зависимости от активности.https://react.dev/blog/2025/04/23/react-labs-view-transitions-activity-and-more
👍3❤2🔥1
Эффект в форме капли при наведении
Новые возможности (доступные пока только в Chrome) использования функции shape(), позволяющие делать плавные переходы между произвольными формами на чистом CSS.
https://css-tip.com/blob-hover/
Новые возможности (доступные пока только в Chrome) использования функции shape(), позволяющие делать плавные переходы между произвольными формами на чистом CSS.
https://css-tip.com/blob-hover/
🔥3👍1😁1
Стилизация alt текста
Интересный подход от Энди Белла по оформлению альтернативного текста для изображения, которое не загрузилось.
https://css-tricks.com/you-can-style-alt-text-like-any-other-text/
Интересный подход от Энди Белла по оформлению альтернативного текста для изображения, которое не загрузилось.
https://css-tricks.com/you-can-style-alt-text-like-any-other-text/
👍3🔥1
Подмена входящего трафика
Скрытые, но крайне полезные фичи браузера Chrome
https://habr.com/ru/companies/sberbank/articles/923888/
Скрытые, но крайне полезные фичи браузера Chrome
https://habr.com/ru/companies/sberbank/articles/923888/
🔥5❤1
Оптимизация индексов базы данных: проблемы, решения, практические рекомендации
https://habr.com/ru/articles/925008/
https://habr.com/ru/articles/925008/
👍4