Мигрируем большой проект на TypeScript за один подход: инженеры Airbnb рассказывают о своём опыте и делятся инструментом ts-migrate для автоматизации перехода → https://medium.com/p/cd23bfeb5cc
Size: a a a
2020 August 19
Производительная архитектура фронтенда: высокоуровневый обзор техник оптимизации первой отрисовки, загрузки приложения и переходов между страницами → https://www.debugbear.com/blog/performant-front-end-architecture
Чем сброс стилей отличается от нормализации: визуальное объяснение Элайджи Мэнора
2020 August 20
Введение в leading-trim, новый CSS-стандарт, призванный решить проблемы с вертикальными отступами между текстом → https://medium.com/p/d082d84b202
2020 August 23
Как уже сегодня начать использовать новый формат изображений AVIF, позволяющий сэкономить до 50% в сравнении с JPEG и до 20% в сравнении с WebP → https://reachlightspeed.com/blog/using-the-new-high-performance-avif-image-format-on-the-web-today/
2020 August 26
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/
2020 August 27
Каталог визуализации данных: обзор способов визуального представления данных с примерами и описанием → https://datavizcatalogue.com
2020 August 30
Shoelace, универсальная библиотека UI-компонентов, не привязанная к фреймворкам: основана на веб-компонентах, работает без сборки, поддерживает темизацию и тёмную тему, решает проблему доступности → https://shoelace.style/
2020 August 31
Как микрофронтенды помогают ускорить разработку, если у вас несколько продуктовых команд: опыт инженеров ЦИАН → https://habr.com/p/516958/
Недоступность в картинках: Юлия Бухвалова на примерах объясняет, как скринридеры видят сайты и как на это влияет плохая вёрстка → http://css.yoksel.ru/inaccessibility
Погружаемся в устройство Map в V8: как работает эта структура данных, какая сложность у операций над ней, сколько она требует памяти и другие тонкости в обзоре Андрея Печкурова → https://itnext.io/45eb94a183df
2020 September 02
Помогаем пользователям менять пароли: введение в новый well-known URL, ведущий на страницу изменения пароля → https://web.dev/change-password-url
Визуализация популярности браузеров с 1994 по 2019 годы → https://youtu.be/m90VK3o_jjw
Cluster vs PM2 vs Worker Threads: Андрей Мелихов на практике сравнивает способы масштабирования Node.js-приложений → https://youtu.be/K2bZ4alJUkA
2020 September 03
Capsize, инструмент для устранения пустого пространства вокруг строк текста для задания отступов от границы заглавных букв сверху и от базовой линии текста снизу → https://seek-oss.github.io/capsize/
2020 September 06
Оптимизация производительности фронтенда: подробное руководство Ника Мостового по мотивам лекции в Школе программистов 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
2020 September 07
Embla Carousel, современная карусель с анимацией и поддержкой свайпов: написана на чистом JS, есть удобная интеграция с React, работает в современных браузерах вплоть до IE11 → https://davidcetinkaya.github.io/embla-carousel
2020 September 08
Руководство по Figma для разработчиков: горячие клавиши, стили, экспорт графики, анимации, прототипирование и даже комментарии к макету → https://www.smashingmagazine.com/2020/09/figma-developers-guide/