For Web — фронтенд, дизайн, программирование

Как и зачем инженеры Facebook переписали фронтенд соцсети со старого PHP-стека на React и Relay → https://engineering.fb.com/web/facebook-redesign

Как лучше подключать шрифты: с Google Fonts или своего сервера? Подробное исследование Барри Полларда → https://www.tunetheweb.com/blog/should-you-self-host-google-fonts

Считаем время в JavaScript: почему расчёт длительности с помощью Date.now может привести к неожиданным результатам и как этого избежать → forweb.dev/blog/js-timing

Семантичные заметки на полях в вебе: Кус Лоистайн разбирается, как правильно разметить выноски в статьях → https://www.kooslooijesteijn.net/blog/semantic-sidenotes

Как реализовать drag-and-drop в интерфейсе хорошо с точки зрения UX → https://www.nngroup.com/articles/drag-drop/

Приключения masonry-раскладки в CSS: Илья Стрельцын разбирается в новом предложении CSSWG по стандартизации masonry-расклакди → https://css-live.ru/css/priklyucheniya-masonry-raskladki-v-css.html

Tiny Package Manager, аннотированная реализация аналога NPM/Yarn для тех, кто хочет разобраться, как пакетные менеджеры устроены под капотом → https://github.com/g-plane/tiny-package-manager

Pico, библиотека для создания скриншотов страницы прямо на стороне клиента → https://github.com/nikersify/pico

Как создавался официальный сайт о COVID-19 в Калифорнии: Аарон Ханс об опыте разработки надёжного, быстрого и доступного сайта в очень сжатые сроки → https://news.alpha.ca.gov/prioritizing-users-in-a-crisis-building-covid19-ca-gov

easymoney, новая библиотека для работы с денежными значениями: статически типизированная, расширяемая, иммутабельная, поддерживает пользовательские валюты и большие числа → https://github.com/frolovdev/easymoney/blob/master/docs/ruReadme.md

Как изолировать сайт от других с помощью новых политик COOP и COEP → https://web.dev/coop-coep

Почему новые политики изоляции требуются для доступа к API вроде SharedArrayBuffer и performance.measureMemory → https://web.dev/why-coop-coep

ClippyJS, полноценная реализация Скрепыша и его друзей из Microsoft Office, готовая к встраиванию на любой сайт для ностальгии → https://www.smore.com/clippy-js

Web Vitals, предлагаемые Google ключевые UX-метрики сайтов и готовая библиотека для упрощения их измерения → https://web.dev/vitals

Книга Люка Вроблевски Mobile First из серии A Book Apart теперь доступна бесплатно онлайн → http://mobile-first.abookapart.com

Когда дублирование кода предпочтительнее абстракции? → https://forwebdev.ru/blog/2020-05-04-code-duplication

Software Engineering at Google, новая книга обо всех аспектах разработки и сопровождения ПО в Google → https://books.google.ru/books?id=WXTTDwAAQBAJ

Tackling TypeScript: свежая книга Акселя Раушмайера, дополняющая официальную документацию TypeScript → https://exploringjs.com/tackling-ts/

Отрицательные внешние отступы в CSS: Питер-Пол Кох на примерах разбирается, как они влияют на вёрстку → https://www.quirksmode.org/blog/archives/2020/02/negative_margin.html

Иллюстрированное руководство по основам баз данных → https://illustrated.dev/databases

Введение в новые CSS-функции min(), max() и clamp() → https://youtu.be/U9VF-4euyRo