Подборка полезных статей, новостей и инструментов Frontend community снова врывается в вашу пятницу. И, конечно же, не с пустыми руками, а с интересными инструментами и ресурсами для изучения. Ловите свежий дайджест:
🔹Дыра в безопасности браузера Arc
Автором статьи была найдена уязвимость в ныне популярном браузере Arc. В чем была проблема, можно почитать
здесь.
Arc признали существование уязвимости, выкатили об этом
пост и выплатили автору вознаграждение.
🔹caniuse-cli
Всем известен ресурс
Caniuse.com для проверки уровня поддержки свойств и различных фич браузерами. Так вот теперь можно чекать все то же самое прямо из
консоли.
🔹Masonry layout
"Плиточная" верстка (masonry layout) была достаточно популярна какое-то время назад, и по сей день используется Pinterest. И давно ведутся работы по внедрению свойств CSS для построения такой верстки без лишних фокусов. Но никак не могут прийти к решению, какой для этого синтаксис использовать. Проактивная группа, работающая над внедрением уже не первый раз просит помощи в выборе синтаксиса. Суть вопроса в том, делать ли masonry отдельным направлением, как display: masonry или сделать ее частью гридов. Основные поинты по этому поводу можно почитать
здесь.
🔹Анимация высоты
Не перестает радовать, что начинает появляться больше вариантов, как анимировать нефиксированную высоту без лишних танцев с бубном. Можно глянуть в
статье какие возможности нас ждут уже в ближайшем будущем. Речь пойдет о свойстве interpolate-size и функции calc-size().
🔹Отслеживание Core Web Vitals с помощью DevTools
Google добавили улучшения в панель Perfomance. Теперь в ней в реальном времени будет отображаться производительность ваших локальных Core Web Vitals. Но тут они не остановились и пошли дальше, добавив так же метрики, основанные на real-user experience, но для этого надо заэнейблить определенную настройку. Советуем посмотреть все подробности в
статье.