zx, инструмент от инженеров Google для написания консольных скриптов на JavaScript с удобным API для вызова команд оболочки → https://github.com/google/zx

5 шагов к быстрым веб-шрифтам: Иэн Бин делится практическими приёмами подключения веб-шрифтов для оптимального UX → https://iainbean.com/posts/2021/5-steps-to-faster-web-fonts/

Learn CSS, новый «вечнозелёный» курс по CSS от Google Developers: 24 модуля с теорией, интерактивными демками и проверочными заданиями → https://web.dev/learn/css

Как реализовать всплывающее меню для выделенного текста с помощью Selection API → https://css-tricks.com/how-to-create-actions-for-selected-text-with-the-selection-api/

Вышел Sublime Text 4!

Основные улучшения:
— новый UI;
— более умное автодополнение;
— поддержка TypeScript/JSX/TSX;
— отрисовка на GPU и другие оптимизации быстродействия;
— поддержка Apple Silicon и Linux ARM64.

Полный список изменений → https://www.sublimetext.com/blog/articles/sublime-text-4

Введение в back/forward cache, используемый браузерами при навигации по истории: как он работает и как подготовить к нему своё приложение → https://web.dev/bfcache/

Пакетные менеджеры не управляют вашими зависимостями, поэтому нужно брать ответственность на себя. Соавтор Jest и Yarn Кристоф Наказава поделился практическими приёмами и инструментами для анализа и оптимизации зависимостей → https://cpojer.net/posts/dependency-managers-dont-manage-your-dependencies

Введение в медиавыражения от контейнера: какую проблему они решают, как они работают и как дополняют существующие возможности CSS → https://www.smashingmagazine.com/2021/05/complete-guide-css-container-queries

Швейцарский нож отладки JavaScript: Алексей Устинов из Delivery Club делится приёмами эффективной отладки кода через браузерные инструменты разработчика → https://habr.com/ru/company/deliveryclub/blog/557386/

For Web Talks #1: Ярослав Ковалев из Gett рассказал о 4-хдневной рабочей неделе → https://t.me/chatforweb/90037

Основные темы:
— зачем и как в Gett внедрили 4-хдневную рабочую неделю;
— личный опыт и впечатления от работы 4 дня в неделю;
— как 4-хдневка повлияло на продуктивность сотрудников;
— как изменились рабочие процессы;
— как сотрудники с 5-дневкой и 4-хдневкой уживаются в одной команде.

Спасибо @yesley за рассказ и @stcherenkov за организацию! Приходите в наш чат, чтобы участвовать в новых эфирах и делиться собственным опытом → @chatforweb

Команда разработки тайпчекера Flow поделилась планами на будущее. TL;DR: опенсорс больше не в приоритете → https://medium.com/p/e721a4eb4d8b

DOM Events, интерактивная визуализация механизма работы DOM-событий → https://domevents.dev

Разработчики онлайн-песочницы Replit рассказали, почему они перешли с Webpack на новый сборщик Vite → https://blog.replit.com/vite

Более отзывчивый веб с планировщиком postTask. Инженеры Airbnb поделились опытом и результатами применения нового API для явного планирования и приоритизации задач в event loop: от ожидания инициализации страницы до предзагрузки картинок в каруселях → https://medium.com/p/276b83454e91

Загружаем изображения прогрессивно: Джейк Арчибальд и Александр Сурма обсуждают, как разные форматы изображений загружаются и что можно сделать, чтобы загрузка воспринималась быстрее → https://youtu.be/-7k3H2GxE5E

Пять советов по реализации фиксированной шапки с хорошим UX → https://www.nngroup.com/articles/sticky-headers/

Инженеры Stripe подробно рассказали об опыте реализации трёхмерного интерактивного глобуса для главной страницы → https://stripe.com/blog/globe

Руководство по долгосрочной поддержке Node.js-приложений: зачем, как и насколько часто нужно пересматривать используемые зависимости, версии Node.js и фреймворки → https://nodesource.com/blog/the-Node.js-application-maintainer-guide

SVG за 100 секунд: обзор основных возможностей и отличий от растровых форматов → https://youtu.be/emFMHH2Bfvo

Алгоритмы и структуры данных на JavaScript: обширная коллекция для обучения с примерами реализации, подробными объяснениями и ссылками на дополнительные материалы по каждому алгоритму и структуре данных → https://github.com/trekhleb/javascript-algorithms/blob/master/README.ru-RU.md