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

Избегайте многоколоночных форм: почему формы с полями в несколько колонок запутывают пользователей и в каких случаях всё же можно расположить несколько полей в строке → https://baymard.com/blog/avoid-multi-column-forms

Враждебный CSS: Кевин Пауэлл предлагает использовать в разработке безумный набор глобальных стилей, чтобы ваша вёрстка выглядела одинаково и не ломалась в любом окружении → https://medium.com/p/8aa2e9f0fa3d

Документируем компоненты: серия статей Натана Кёртиса о том, как хорошо документировать компоненты из общей UI-библиотеки или дизайн-системы → https://medium.com/p/9fe59b80c015

Отладка проблем на фронтенде: Майкл Ву из eBay делится советами для быстрой и эффективной отладки → https://tech.ebayinc.com/engineering/front-end-debugging-tips-on-resolving-issues-quickly-so-you-can-move-on-to-better-things/

Реализуем автодополнение с нуля: пошаговое руководство Адама Силвера по разработке одного из сложнейших UI-контролов → https://adamsilver.io/articles/building-an-accessible-autocomplete-control/

Практическое руководство по утечкам памяти в Node.js: что это, как они возникают и как их обнаружить → https://www.arbazsiddiqui.me/a-practical-guide-to-memory-leaks-in-nodejs/

Hygen, генератор кода для быстрого добавления в проект новых компонентов, экшенов/констант/редьюсеров и любого другого шаблонного кода → https://www.hygen.io

Вышла Node.js 14 (LTS с октября 2020). Стабильные диагностические отчёты, обновлённый V8 с поддержкой последних фич языка вроде optional chaining, Async Local Storage API и другие нововведения в официальном анонсе → https://medium.com/p/8170d384567e

Краткая история пакетных менеджеров во фронтенде: как появились NPM/Yarn/PNPM и какие проблемы они решают → https://medium.com/p/f9797be7cf0e

Эра Trident закончилась. Кристиан Шефер вспоминает возможности IE, опередившие время: стилизуемые скроллбары, анимированные переходы между страницами, событие resize для элементов и многое другое → https://schepp.dev/posts/today-the-trident-era-ends/

Почему некоторые HTML-элементы помечены устаревшими: Райан Грист с экскурсом в историю развития HTML → https://css-tricks.com/why-do-some-html-elements-become-deprecated

Build a Better Mobile Input, конструктор максимально удобных полей ввода для мобильных → https://better-mobile-inputs.netlify.app

How readable, исследование влияния распространённых конструкций в коде на его читаемость → https://howreadable.com

Практическое введение в Web Contact Picker API, новый API для доступа к контактам на мобильных → https://dev.to/twilio/an-introduction-to-the-web-contact-picker-api-43ap

Советы по именованию boolean-переменных: Майкл Зангл с примерами консистентных и грамматически корректных имён → https://michaelzanggl.com/articles/tips-on-naming-boolean-variables/

Зачем и как снимать покрытие кода с уже запущенного Node.js-приложения: опыт Евгения Бондаренко → https://habr.com/p/488544

Практическое руководство по SVG и дизайн-инструментам: какие возможности предлагают редакторы вроде Figma, как они транслируются в SVG-разметку и о каких нюансах нужно знать → https://www.smashingmagazine.com/2019/05/svg-design-tools-practical-guide/

Адаптивные графики, работающие без JavaScript: Рич Харрис из The New York Times делится новой техникой → https://dev.to/richharris/a-new-technique-for-making-responsive-javascript-free-charts-gmp

redaxios, легковесная (800 байт) обёртка над fetch с API, аналогичным axios → https://github.com/developit/redaxios

Docker для фронтендера: чем он может быть полезен и как с ним работать? Доклад Алексея Авдеева → https://youtu.be/SMM3bsYyFls