Технические предпочтения пользователей с нарушениями зрения в 2020 году: устройства, операционные системы, браузеры, экранные дикторы и многое другое в подробном исследовании Яндекса → https://habr.com/p/515460/
Мигрируем большой проект на TypeScript за один подход: инженеры Airbnb рассказывают о своём опыте и делятся инструментом ts-migrate для автоматизации перехода → https://medium.com/p/cd23bfeb5cc
This media is not supported in your browser
VIEW IN TELEGRAM
Микровзаимодействия: Арианна Чау на примерах показывает, как сделать интерфейс более отзывчивым и человечным → https://cloudfour.com/thinks/micro-interactions-to-incorporate-for-powerful-emotional-design/
Производительная архитектура фронтенда: высокоуровневый обзор техник оптимизации первой отрисовки, загрузки приложения и переходов между страницами → https://www.debugbear.com/blog/performant-front-end-architecture
Чем сброс стилей отличается от нормализации: визуальное объяснение Элайджи Мэнора
This media is not supported in your browser
VIEW IN TELEGRAM
Введение в leading-trim, новый CSS-стандарт, призванный решить проблемы с вертикальными отступами между текстом → https://medium.com/p/d082d84b202
Как уже сегодня начать использовать новый формат изображений AVIF, позволяющий сэкономить до 50% в сравнении с JPEG и до 20% в сравнении с WebP → https://reachlightspeed.com/blog/using-the-new-high-performance-avif-image-format-on-the-web-today/
eslint-plugin-boundaries, eslint-плагин для контроля архитектурных ограничений в проекте → https://github.com/javierbrea/eslint-plugin-boundaries
Может, нам слегка успокоиться с JavaScript? Эвелин Вудс призывает фронтендеров не переизобретать на JavaScript нативные возможности веб-платформы и браузеров → https://eev.ee/blog/2016/03/06/maybe-we-could-tone-down-the-javascript
Перевод на Хабре → https://habr.com/p/490412/
Перевод на Хабре → https://habr.com/p/490412/
Каталог визуализации данных: обзор способов визуального представления данных с примерами и описанием → https://datavizcatalogue.com
Shoelace, универсальная библиотека UI-компонентов, не привязанная к фреймворкам: основана на веб-компонентах, работает без сборки, поддерживает темизацию и тёмную тему, решает проблему доступности → https://shoelace.style/
Как микрофронтенды помогают ускорить разработку, если у вас несколько продуктовых команд: опыт инженеров ЦИАН → https://habr.com/p/516958/
Недоступность в картинках: Юлия Бухвалова на примерах объясняет, как скринридеры видят сайты и как на это влияет плохая вёрстка → http://css.yoksel.ru/inaccessibility
Погружаемся в устройство Map в V8: как работает эта структура данных, какая сложность у операций над ней, сколько она требует памяти и другие тонкости в обзоре Андрея Печкурова → https://itnext.io/45eb94a183df
Помогаем пользователям менять пароли: введение в новый well-known URL, ведущий на страницу изменения пароля → https://web.dev/change-password-url
This media is not supported in your browser
VIEW IN TELEGRAM
Визуализация популярности браузеров с 1994 по 2019 годы → https://youtu.be/m90VK3o_jjw
Cluster vs PM2 vs Worker Threads: Андрей Мелихов на практике сравнивает способы масштабирования Node.js-приложений → https://youtu.be/K2bZ4alJUkA
Capsize, инструмент для устранения пустого пространства вокруг строк текста для задания отступов от границы заглавных букв сверху и от базовой линии текста снизу → https://seek-oss.github.io/capsize/
Оптимизация производительности фронтенда: подробное руководство Ника Мостового по мотивам лекции в Школе программистов hh.ru.
Часть 1: critical rendering path → https://habr.com/p/513940
Часть 2: event loop, layout, paint, composite → https://habr.com/p/517594
Часть 1: critical rendering path → https://habr.com/p/513940
Часть 2: event loop, layout, paint, composite → https://habr.com/p/517594
Embla Carousel, современная карусель с анимацией и поддержкой свайпов: написана на чистом JS, есть удобная интеграция с React, работает в современных браузерах вплоть до IE11 → https://davidcetinkaya.github.io/embla-carousel