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

Dev Fonts, витрина для выбора шрифта для программирования → https://devfonts.gafi.dev

Визуализация концепций Git на D3: наглядное объяснение принципа работы распространённых команд → https://onlywei.github.io/explain-git-with-d3

Руководство новичка по стейт-менеджеру Effector: от сторов и эффектов до организации и тестирования кода → https://dev.to/yanlobat/effector-s-beginner-guide-3jl4

Стандартизация <select> и не только: Стефани Стимак из Microsoft рассказывает историю развития контролов в HTML и делится планами по решению болей разработчиков при работе с контролами вроде селектов или дейтпикеров → https://www.smashingmagazine.com/2020/11/standardizing-select-native-html-form-controls/

Как и почему мы переехали с собственного npm-репозитория на Verdaccio: Андрей Фримучков из Яндекса делится опытом доработки и внедрения нового внутреннего хранилища пакетов → https://habr.com/p/528386/

Если не SPA, то что? Том МакРайт с обзором альтернативных подходов к разработке фронтенда → https://macwright.com/2020/10/28/if-not-spas.html

10 выводов после внедрения TypeScript в Bloomberg: Роб Палмер подробно рассказал об уроках, вынесенных его командой инфраструктуры в процессе перевода кодовой базы Bloomberg (больше 50 миллионов строк) на TypeScript → https://www.techatbloomberg.com/blog/10-insights-adopting-typescript-at-scale/

W3C опубликовал черновик CSS Custom Highlight API, позволяющего стилизовать выделение произвольных диапазонов текста в документе без дополнительных элементов-обёрток → https://www.w3.org/TR/2020/WD-css-highlight-api-1-20201022/

Разработчики Chrome отказались от поддержки HTTP/2 Server Push из-за сложности и невостребованности → https://www.opennet.ru/opennews/art.shtml?num=54069

Быстродействие для дизайнеров: изображения. Практические рекомендации для дизайнеров по использованию графики в вебе без вреда для быстродействия → https://calibreapp.com/blog/performance-for-designers-images

Алгоритмы на JavaScript: от бинарного поиска до связных списков на примере LRU-кеша. Видеокурс Виктора Карпова → https://www.youtube.com/playlist?list=PLvWwA9iDlhHB1qp22la3mn01JuVOwyuqw

Лучшие практики форм входа: исчерпывающий обзор практических приёмов, позволяющих добиться лучшего UX → https://web.dev/sign-in-form-best-practices/

Operator Lookup, интерактивный справочник Джоша Комю по операторам языка JavaScript → https://joshwcomeau.com/operator-lookup/

pwn college, бесплатный практический курс по основам кибербезопасности от Университета штата Аризона → https://pwn.college/

Упрощённое введение в OAuth 2.0: бесплатная книга об устройстве OAuth 2.0 с практическими примерами → https://www.oauth.com

Быстродействие для дизайнеров: типографика. Как текст может повлиять на быстродействие в вебе и как дизайнеры могут заранее предотвратить потенциальные проблемы → https://calibreapp.com/blog/performance-for-designers-typography

Абсурдные NPM-пакеты, которых лучше бы не существовало: is-odd, is-is-odd (да-да), if, emoji-poop и другие шедевры NPM-экосистемы → https://youtu.be/PI5wz2pwXIg

Conventional Comments, соглашение по формату комментариев на кодревью, позволяющее упростить и ускорить процесс для всех участников → https://conventionalcomments.org

Madge, инструмент для визуализации графа импортов модулей проекта и поиска циклических зависимостей → https://github.com/pahen/madge

Разработчики Sketch объяснили, почему они делают ставку на десктопное приложение, в отличие от Figma с их веб-версией → https://www.sketch.com/blog/2020/10/26/part-of-your-world-why-we-re-proud-to-build-a-truly-native-mac-app/