Пульс веб-платформы 01.12.2023
Новости
- вышел Git 2.43 (да, такое тоже бывает): появилась возможность лучше прибираться с помощью
git repack, клонировать репозитории в режимеtree-less, более гуманные сообщения при повторномrevert-е, возможность отмены текущих запусков CI при новых push в CI-ветку и ещё немного ништяков - в Node v20.10.0 (LTS) забэкпортили некоторые хорошие вещи: к примеру, режим работы с флагами
--experimental-default-type,--experimental-wasm-modulesи--experimental-websocket - обновился шрифт Inter до версии 4.0: вариативность, переработанные и новые глифы (есть, в том числе, кириллица), доп OpenType-фичи (и это оперсорс и бесплатно, если что)
Проекты
- опенсорсная десктопная плиложуха для теста API bruno
- requestAnimationFrame как асинхронный итератор для любых сред исполнения JS
- крутое приложение для визуального создания анимаций Rive
- репозиторий для тренировки работы с промисами путём их имплементации
Статьи и демки
JS
- как создать одно приложение с использованием нескольких фреймворков (а точнее как использовать веб-компоненты для уменьшения связности, которую несут JS-фреймворки)
- обзор, как работает Web Push (оказалось, что очень завязанно на браузерных вендоров)
- как добавить немного AI для расшифровки результатов выполнения тестов
- как опубликовать реакт-компонент как ESM+CJS библиотеку с типами, а также два интересных инструмента: Are The Types Wrong? для проверки типов в опубликованной библиотеке и publint для проверки корректности
package.json
CSS
- ещё один трюк плавного перехода для
heightс0доauto(tldr, на гридах с0frдо1fr) - много мелких, но приятных CSS-полезностей, которые так и ждут, чтобы их использовали
hanging-punctuation— или как вынести висящие знаки препинания за пределы строки- как сделать текст прозрачным внутри (с помощью небольшой -webkit-магии)
- как вытащить элемент из stacking context-а без задания ему
transform,filterилиopacity - лок скролла с помощью
overscroll-behavior
HTML
- пора ли уже переходить на формат изображений AVIF? Если сжимаете картинки сильно, и не нужна поддержка в Edge — да!
- бургер-менюшка без JS на Popover API
- пост для фронтендеров «кому за…» со сборником ностальгических хаков (даже есть упоминание спеки JSSS, которая однажды проиграла в браузерных войнах, и где мы сейчас?)
- красивая статья-размышление о многомерном пространстве в сайтах