Архитектура и перформанс CSS в микрофронтендах: инженеры Allegro рассказали об эволюции их подхода к встраиванию стилей на страницы при использовании микрофронтендов → https://blog.allegro.tech/2021/07/css-architecture-and-performance-of-micro-frontends.html
Вышел веб-альманах 2021, ежегодный обширный отчёт HTTP Archive о состоянии веба во всех его аспектах: содержимое страниц, UX, способы публикации и распространения контента → https://almanac.httparchive.org/en/2021/
Семь практик для улучшения производительности и масштабирования приложений на Node.js: кеширование, таймауты, кластеризация и другие способы → https://blog.appsignal.com/2021/11/24/7-ways-to-improve-nodejs-performance-at-scale.html
Приёмы ускорения кода на JS и других языках: от наиболее общих до конкретных. Подборка Виктора Хомякова → https://habr.com/p/570914/
UX способов оплаты: рекомендации по проектированию интерфейса выбора способа оплаты на сайте → https://baymard.com/blog/payment-method-selection
Как мы ускоряли комментарии Хабра: подробная история оптимизации рендеринга больших списков комментариев после перехода фронтенда Хабра на SPA → https://habr.com/p/590111/
👍1
Floating UI, новый движок для позиционирования тултипов и попапов от создателей Popper: новая архитектура и более удобный API, больше возможностей, меньший размер, кроссплатформенность (React Native) и другие улучшения → https://floating-ui.com
👍1
Защитный CSS: Ахмад Шадид делится коллекцией приёмов, призванных избавить вас от потенциальных проблем с поехавшей вёрсткой → https://ishadeed.com/article/defensive-css/
👍1
Используем TypeScript для выражения намерений: несколько практических приёмов для написания более выразительного и понятного кода → https://blog.scottlogic.com/2021/10/11/Capturing-Intent-with-TypeScript.html
Пакетные менеджеры: есть ли жизнь за пределами NPM? Подробное сравнение NPM/Yarn/PNPM от Валентина Семирульника из Aviasales → https://youtu.be/RAFFHpjrwAs
👍15
fuite, инструмент для автоматизации поиска утечек памяти в веб-приложениях → https://github.com/nolanlawson/fuite
🔥13👍3
Почему и как инженеры Figma реализовали собственную систему для запроса и обновления данных фронтендом в режиме реального времени поверх Postgres с GraphQL-запросами → https://www.figma.com/blog/livegraph-real-time-data-fetching-at-figma
Делаем веб лучше канвас за канвасом: Брайан Карделл наглядно объясняет, как OffscreenCanvas может с минимальными усилиями существенно улучшить UX → https://bkardell.com/blog/OffscreenCanvas.html
Как бразильское онлайн-СМИ Terra повысило вовлечённость пользователей, реализовав тёмную тему для интерфейса → https://web.dev/terra-dark-mode/
CSS в 2022. Брамус Ван Дамм с обзором новых возможностей CSS, которые могут появиться в браузерах в этом году: медиавыражения от контейнера, родительский селектор :has(), слои каскада и многое другое → https://www.bram.us/2021/12/27/css-in-2022
Parcel CSS, новый CSS-парсер, компилятор и минификатор: очень быстрый (написан на Rust), умный (умеет полноценно парсить значения CSS-свойств), умеет компилировать CSS-модули → https://parceljs.org/blog/parcel-css/
Почему стоит хранить зависимости в системе контроля версий: Джек Франклин из команды Chrome DevTools рассказывает об опыте применения и неочевидных преимуществах такого подхода → https://forweb.dev/ru/blog/check-in-your-node-dependencies/
Новинка Node.js: протокол
node:
для импортов. Короткая заметка Акселя Раушмайера о том, зачем он нужен и как начать его использовать → https://2ality.com/2021/12/node-protocol-imports.htmlРазбираемся в JavaScript-промисах: новая бесплатная книга Николаса Закаса обо всех тонкостях работы промисов → https://ebooks.humanwhocodes.com/promises
Время менять шапки: инженеры Циана поделились опытом ускорения поисковой выдачи в мобильной версии сайта → https://habr.com/p/598799/