Подборка полезных статей, новостей и инструментов

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, но для этого надо заэнейблить определенную настройку. Советуем посмотреть все подробности в статье.

Вторая часть доклада от DevOps коммьюнити уже доступна! 🔥

В новой части Денис Дудко углубляется в практическое применение Docker для разработки и тестирования, делится реальными примерами и кейсами использования в frontend проектах.

Если хотите узнать, как Docker может упростить ваши процессы и улучшить работу над проектами, не пропустите этот выпуск!

Доклад можно посмотреть по ссылке!

Подборка полезных статей, новостей и инструментов

Ловите свежую подборку с актуальными новостями и инструментами из мира фронтенда! Читайте в нашем дайджесте:

🔹Fast Grid

Интересное решения для табличной верстки. Полезно тем, кто работает с отчетами или большим объемом данных.
Ссылки на демку и репозиторий.

🔹Number Flow

React компонент для красивого прокручивания чисел. Для настройки доступны формат чисел и параметры анимированных переходов.
Ссылки на демки и репозиторий.

🔹 AI assistance панель в DevTools

Панель позволит прям из консоли чатиться с Gemini. Можно задать вопрос по любой части сайта и получить ответ, основанный на коде проекта. Пока доступно только в Chrome Canary 131.

🔹Proposal для оператора ?= в JavaScript

?= - это оператор безопасного присаваивания (safe assignment operator). Был предложен, как альтернатива использованию try/catch и удобной обработке ошибок. Интересные use cases можно глянуть в статье или в proposal. Только на стадии предложения и не является частью стандарта языка. Но интересно посмотреть, какая судьба его ждет.
Сама статья тут и есть официальный proposal.

🔹Использование display: contents на практике

Хороший практический пример, когда display: contents может пригодиться. 👍

🔹Как Линус Торвальдс git создавал

Подробная история о создании git.