#дайджест недели

1️⃣ Понедельник

Flexbox можно выровнять «по-безопасному» с помощью align-items: safe center;. В узком контейнере элементы не обрезаются и доступны при скролле. Поддержка: Chrome 115+, Firefox 63+, Safari 17.6.
https://t.me/htmlshit/3789

2️⃣ Вторник

Аттлассиан и Parcel используют хак: бросают исключение и вытаскивают URL из error.stack.
https://t.me/htmlshit/3790

FlexBox Labs — конструктор раскладок под флекс (есть и экспериментальный грид). Работает онлайн и локально.
https://t.me/htmlshit/3792

3️⃣ Среда

В Chrome DevTools появился MCP — протокол для подключения внешних инструментов и данных к ИИ-моделям.
https://t.me/htmlshit/3793

При анимации цвета в CSS всё сводится к RGB, из-за чего появляются серые провалы. Решения: filter: hue-rotate() или анимация угла оттенка в переменной.
https://t.me/htmlshit/3794

5️⃣ Четверг

Реализация долгого нажатия с анимацией через Tween.js.
https://t.me/htmlshit/3796

Удаление фона прямо в браузере: Transformers.js + WebGPU. Бесплатное демо от HuggingFace.
https://t.me/htmlshit/3797

5️⃣ Пятница

В addEventListener можно передавать AbortSignal и удобно управлять отпиской от событий.
https://t.me/htmlshit/3799

Jest Preview визуализирует тесты в браузере.
https://t.me/htmlshit/3800

6️⃣ Суббота

Slack тестирует локализацию с помощью «белиберды», чтобы легко находить непереведённые строки. Переводы хранят в ICU MessageFormat.
https://t.me/htmlshit/3802

GRID TYPE — редактор модульных шрифтов, вдохновлённый Баухаузом. Можно собирать буквы и орнаменты, экспортировать в шрифтовые файлы. Поддерживается кириллица.
https://t.me/htmlshit/3803

#css #js #tools #animation #i18n #fonts