Дайджест новостей и полезных статей из мира фронтенд-разработки за неделю 17–23 октября.

🔥 Три главные статьи

🖌 HTML и CSS

Спрайты SVG: старые, современные, неизвестные и забытые.

Паттерн точками для градиентных фонов и изображений с помощью CSS.

Паттерн точками

Ещё один способ обращения к элементам — селектор по атрибуту. Это шанс изменить БЭМ и помочь тестировщикам.

Как анимироватьbox-shadow и делать это производительно.

Ещё одна статья про выражения от стилей.

Подготовка цветов к современным цветовым пространствам.

🏝 JavaScript

Всё про декораторы. У декораторов непростая история, которая началась в 2014 году и не может закончиться до сих пор. В 2022 декораторы вернулись в новом виде и вышли на stage-3, что даёт нам надежды на их появление в ECMAScript 2023.

Актуален ли сегодня jQuery?

Безопасная валидация URL с помощью JavaScript.

Почему JSON.parse «искажает» большие числа?

«Что, если команда ненавидит мой функциональный код?»

🚀 React

Использование веб-компонентов с Next.

Узнайте, почему и как команда Spot отказалась от CSS-in-JS.

Обсуждение: новый условный хукuse, промисы с использованием Suspence.

Реальная история о переходе на htmx.

Как использовать Google-таблицы в качестве базы данных для React.

Как сделать React dropdown.

💽 Node.js

Привет, v19.0.0. Через неделю Node.js v18.x. x станет LTS.

Node.js v18.11.0 получит--watch функцию для отслеживания изменений в файлах для перезапуска процессов.

Отправка UDP-сообщений без DNS-запросов.

🔮 Angular

Рассмотрите@angular/flex-layout, современную версию компоновки макета. Это позволит быстро создавать лёгкие и адаптивные интерфейсы.

🕸 Браузеры

Что нового в DevTools. Обновление статьи спустя 9 месяцев.

🛠 Инструменты

Какую песочницу для кода использовать в блоге. Часто в статьях про программирование, или около того, нужно показать примеры кода и ещё чаще у песочниц кода куча ограничений, которые не позволяют полностью раскрыть мысль. Например, как показать несколько страниц? А что если это Vue или Angular? А как показать всю структуру компонента?

Storybook и Vite: ускорение сборки и возможность отказа от Webpack.

🚶 Доступность

Вышел курс по доступности на web.dev.

🎓 Общее

Как правильно использовать пароли для Android и Chrome.

«Когда жизнь преподносит вам лимоны, лучше пишите сообщения об ошибках». Писать о ошибках нужно, но нужно уметь правильно сообщать, о чём они.

Как читать статьи на английском языке

В дайджесте много статей и видео на английском языке, чтобы это не стало препятствием: в Google Chrome есть функция перевода страницы с любого популярного языка, а видео можно перевести в Яндекс Браузере.