Astro, новый инструмент для разработки сайтов с фокусом на минимум клиентского JS: используйте React, Svelte, Vue, Preact или веб-компоненты, получайте после сборки статический HTML, интерактивные компоненты подгружаются по необходимости → https://astro.build/blog/introducing-astro

Nano Stores, новый стейт-менеджер от Андрея Ситника (создателя PostCSS и Logux) с фокусом на атомарность сторов, тришейкинг и вынос логики из компонентов → https://github.com/ai/nanostores

Request Quest: викторина от Джейка Арчибальда, в которой нужно определить, приведёт ли выполнение примеров кода к инициированию HTTP-запроса браузерами → https://jakearchibald.github.io/request-quest/

Дизайнеры Treebo рассказали об опыте создания единой библиотеки иконок для своих продуктов: от мотивации до деталей реализации → https://tech.treebo.com/iconography-for-treebo-c379bc910da1

Лучше практики форм регистрации: чеклист приёмов, которые улучшат UX регистрации на вашем сайте → https://web.dev/sign-up-form-best-practices/

CSS Indexes, обновляемый справочник по всем терминам и понятиям CSS: свойства, функции, селекторы и многое другое → https://drafts.csswg.org/indexes

Дескрипторы шрифтов в CSS: новый способ уменьшить сдвиг элементов страницы при переключении на веб-шрифт за счёт подгона размеров фолбек-шрифта под загружаемый шрифт → https://www.smashingmagazine.com/2021/05/reduce-font-loading-impact-css-descriptors/

Проектируем таблицы для мобильных: обширное руководство по адаптации таблиц для узких экранов → https://www.uxmatters.com/mt/archives/2020/07/designing-mobile-tables.php

Iosevka, продвинутое семейство шрифтов для кода, терминалов и технических документов: отдельная узкая версия для повышения плотности текста, 17 наборов лигатур для разных языков программирования, настраиваемые символы в разных стилях и многое другое → https://typeof.net/Iosevka/

Как запилить кастомный курсор: руководство по реализации и примеры практического применения из опыта креативного агентства 14islands → https://medium.com/p/89f1688a02eb

tiptap, крепкая основа для разработки WYSIWYG-редакторов:

— полный контроль над внешним видом;
— совместное редактирование, работа в офлайне и синхронизация между устройствами;
— не зависит от фреймворка;
— написана на TypeScript.

https://www.tiptap.dev

Тестирование фронтенда для всех: Евгений Клименченко с обзором видов тестирования фронтенда, от юнит-тестов до тестирования доступности → https://css-tricks.com/front-end-testing-is-for-everyone

Modern Unix, подборка современных и более удобных альтернатив стандартным утилитам командной строки → https://github.com/ibraheemdev/modern-unix

Скрипты для Nginx на JavaScript: Игорь Коровченко с обзором инструмента NJS, позволяющего использовать в Nginx скрипты на JS практически без потерь в скорости работы → https://web-standards.ru/articles/magic-njs/

mini-typescript, миниатюрная версия компилятора TypeScript для наглядного знакомства с его структурой и внутренним устройством → https://github.com/sandersn/mini-typescript

Вендоринг по умолчанию: мнение Тома МакРайта о пользе копирования исходников небольших зависимостей в свои проекты → https://macwright.com/2021/03/11/vendor-by-default.html

Solid, новая UI-библиотека, сочетающая лучшие стороны React и Svelte: привычный API с JSX и хуками, настоящая реактивность из коробки, высокая производительность (работа напрямую с DOM вместо Virtual DOM), streaming SSR, suspense и многое другое → https://www.solidjs.com

Глубокое погружение в управляемый сервером UI Airbnb: зачем нужна и как работает единая система управления UI Airbnb для веба, iOS и Android → https://medium.com/p/842244c5f5

Temporal: пробуем новый API для работы с датами и временем в JavaScript. Обзорное введение Акселя Раушмайера → https://2ality.com/2021/06/temporal-api.html

<img>: история, возможности, особенности и рекомендации по оптимальному подключению картинок в вебе. Доклад Никиты Дубко из Яндекс.Поиска → https://habr.com/p/559442/