[Перевод] 10 веб-API, заменяющих многие библиотеки JavaScript

Современные браузеры тихо съедают экосистему JavaScript живьем. За последние несколько лет основные браузеры выпустили нативные веб-API, которые заменяют удивительно большое количество утилит, которые мы до сих пор устанавливаем по привычке. Тем не менее, многие разработчики продолжают использовать уже ненужные, но привычные библиотеки. Если зависимость всегда работала, она остается в стеке, даже если браузер уже умеет выполнять ту же работу. Такой подход обходится дороже, чем кажется. Каждый дополнительный пакет увеличивает вес сборки, затраты на обслуживание, частоту обновления версий и риск отказа от проекта в долгосрочной перспективе. Нативные API-интерфейсы стоят пользователям 0 КБ данных, работают глубоко в движке (часто вне основного потока (main thread)) и используют оптимизации, недоступные библиотекам.

https://habr.com/ru/articles/1015134/

#javascript #js #webapi #fetch #formdata #url #popover #clipboard #resizeobserver #viewtransitions

Css «карточки» в динамически генерируемом web документе — моя реализация

Карточный вид содержимого вэб страниц - один из довольно популярных уже долгое время. В данном случае - страница настранивается с бэк-енд админки (Processwire CMS) и потенциально может иметь боковую панель ( произвольной ширины ), может и не иметь. А возможно в дальнейшем и вторую панель кому захочется прикрутить (old school) на широких экранах. Главная секция (main content) состоит из наших конструкторских чудо-карточек, о ней то речь и пойдёт

https://habr.com/ru/articles/783742/

#flexbox #csscards #ResizeObserver #processwire

#bookmark #JS #ResizeObserver

Responsive Components: a (JS) Solution to the Container Queries Problem

https://philipwalton.com/articles/responsive-components-a-solution-to-the-container-queries-problem/