For Web — фронтенд, дизайн, программирование
14.7K subscribers
5.47K photos
7 videos
5 files
1.74K links
Новости и полезности для фронтендеров.
Поддержать, чтобы в канале не было рекламы:
https://patreon.com/forweb
https://boosty.to/forweb
Download Telegram
Технические предпочтения пользователей с нарушениями зрения в 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://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
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
Embla Carousel, современная карусель с анимацией и поддержкой свайпов: написана на чистом JS, есть удобная интеграция с React, работает в современных браузерах вплоть до IE11 → https://davidcetinkaya.github.io/embla-carousel