For Web — фронтенд, дизайн, программирование

JS Tooling not in JS: подборка инструментов для экосистемы JavaScript, написанных на более быстрых языках. Бандлеры, компиляторы, движки, форматтеры, линтеры и другие инструменты → https://github.com/RobinCsl/awesome-js-tooling-not-in-js

Как браузер приоритизирует запросы и как можно повлиять на эти приоритеты, чтобы ускорить загрузку страницы: обзор Бена Шварца → https://calibreapp.com/blog/critical-request

Искусство специфицирования дизайна: какие пояснения дизайнерам стоит добавлять в макеты, чтобы разработчики были счастливы → https://mahdif.com/blog/the-art-of-design-specing

Основы JavaScript от Уэса Боса: бесплатный текстовый курс, сделанный на основе популярного видеокурса с теорией и практическими заданиями → https://wesbos.com/javascript

Новые псевдоклассы :is() и :where() в CSS: обзор возможностей и отличий → https://web.dev/css-is-and-where/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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