SVGBox — онлайн-инструмент для вставки SVG иконки на сайт с возможностю менять их цвет в параметре ссылки
https://svgbox.net/p/docs
https://svgbox.net/p/docs
Техника ворона: на шаг ближе к Container Queries
https://css-tricks.com/the-raven-technique-one-step-closer-to-container-queries/
https://css-tricks.com/the-raven-technique-one-step-closer-to-container-queries/
CSS-Tricks
The Raven Technique: One Step Closer to Container Queries
For the millionth time: We need container queries in CSS! And guess what, it looks like we're heading in that direction. When building components for a
Фронтенд-разработчику: 10 направлений, в которых стоит развиваться в 2021 году
https://habr.com/ru/company/ruvds/blog/528424/
https://habr.com/ru/company/ruvds/blog/528424/
Хабр
Фронтенд-разработчику: 10 направлений, в которых стоит развиваться в 2021 году
Профессия «фронтенд-разработчик», без сомнения, будет одной из самых востребованных в 2021 году. Раньше тем, кто работал в этой сфере, для создания интерактивных сайтов достаточно было знать HTML, CSS...
Ленивая загрузка изображений с помощью Intersection Observer API и React
https://tara-ojo.medium.com/lazy-load-images-with-the-intersection-observer-api-and-react-4fd8ae19e195
https://tara-ojo.medium.com/lazy-load-images-with-the-intersection-observer-api-and-react-4fd8ae19e195
Medium
Lazy-load images with the Intersection Observer API and React
The Intersection Observer API allows you to observe and react to changes when an element enters the viewport or a parent element. It’s…
Моделирование недостатков цветового зрения в Blink Renderer
https://developers.google.com/web/updates/2020/11/cvd
https://developers.google.com/web/updates/2020/11/cvd
Chrome for Developers
Simulating color vision deficiencies in the Blink Renderer | Chromium | Chrome for Developers
Why and how we implemented color vision deficiency simulation in DevTools and the Blink Renderer.
Внедрение зависимостей (dependency injection) через свойства-функции в JavaScript
https://habr.com/ru/post/528890/
https://habr.com/ru/post/528890/
Хабр
Внедрение зависимостей (dependency injection) через свойства-функции в JavaScript
Известный, но не очень популярный способ внедрения зависимостей. Попытка реализовать этот способ в популярных DI npm пакетах. Еще один свой DI. Несколько слов...
Где использовать флексы, а где гриды? Спойлер: да где хотите
https://www.youtube.com/watch?v=ST1EvRemB_U
https://www.youtube.com/watch?v=ST1EvRemB_U
Продуманный способ использования хука useRef() в React
https://www.smashingmagazine.com/2020/11/react-useref-hook/
https://www.smashingmagazine.com/2020/11/react-useref-hook/
Smashing Magazine
A Thoughtful Way To Use React’s useRef() Hook — Smashing Magazine
In a React component, `useState` and `useReducer` can cause your component to re-render each time there is a call to the update functions. In this article, you will find out how to use the `useRef()` hook to keep track of variables without causing re-renders…
В чем разница между Event Handlers и addEventListener в JS?
https://medium.com/dailyjs/whats-the-difference-between-event-handlers-addeventlistener-in-js-963431f05c34
https://medium.com/dailyjs/whats-the-difference-between-event-handlers-addeventlistener-in-js-963431f05c34
Medium
What’s the difference between Event Handlers & addEventListener in JS?
The difference is subtle but essential to know.
Троттлинг табов и другие улучшения производительности в Chrome M87
https://blog.chromium.org/2020/11/tab-throttling-and-more-performance.html
https://blog.chromium.org/2020/11/tab-throttling-and-more-performance.html
Chromium Blog
Tab throttling and more performance improvements in Chrome M87
Even if you have a lot of tabs open, you likely only focus on a small set of them to get a task done. Starting in this release, Chrome is a...
7 особенностей JavaScript, которые нужно знать, прежде чем изучать React
https://medium.com/swlh/7-javascript-features-you-need-to-know-before-learning-react-e77c3b3481d8
https://medium.com/swlh/7-javascript-features-you-need-to-know-before-learning-react-e77c3b3481d8
Medium
7 JavaScript Features You Need to Know Before Learning React
Learn the basics that you need before starting with React
Harold — CLI-инструмент, который сравнивает связанные с фронтендом файлы вашего проекта по размеру
https://github.com/funbox/harold
https://github.com/funbox/harold
GitHub
GitHub - funbox/harold: Compares frontend project bundles
Compares frontend project bundles. Contribute to funbox/harold development by creating an account on GitHub.