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

Как удалить все директории node_modules: Тим Маринин делится удобным консольным скриптом и попутно объясняет принцип его работы и пользу владения юникс-утилитами → https://marinintim.com/2019/node_modules

Samsung начали распространять PWA через Galaxy Store. Подробности и инструкции для разработчиков по добавлению своих приложений → https://medium.com/p/47ecd317725b

Проектируем интерфейсы, готовые к изменениям: Хенрик Йортег о построении гибкой архитектуры фронтенда → https://joreteg.com/blog/architecting-uis-for-change

Spectrum, мультиплатформенная дизайн-система Adobe: принципы, подходы, компоненты, паттерны и макеты → https://spectrum.adobe.com/

Веб-компоненты для энтерпрайза: как Salesforce, Oracle и SAP используют веб-компоненты и почему они сделали на них ставку → https://dev.to/webpadawan/web-components-for-enterprise-part-1-salesforce-oracle-sap-e70

Демонстрация возможностей системы типов TypeScript: реализация четырёхбитной виртуальной машины и пример выполнения на ней FizzBuzz исключительно на типах → https://gist.github.com/acutmore/9d2ce837f019608f26ff54e0b1c23d6e

Проектируем доступную цветовую палитру: дизайнеры Stripe об опыте и проблемах подбора доступных и в то же время красивых цветов → https://stripe.com/en-pt/blog/accessible-color-systems

Эффект переплетения элементов на CSS: руководство по реализации от Прити Сэм → https://css-tricks.com/weaving-one-element-over-and-under-another-element/

Почему сортировка в изоморфном приложении может сломаться и как это исправить? Пол Геберт по мотивам бага на рабочем проекте → https://cloudfour.com/thinks/all-mixed-up-isomorphic-sorting-gone-wrong/

Руководство по современному Make: краткая выжимка наиболее полезных для современных разработчиков возможностей Make от Ивана Немытченко → https://makefile.site

Как работает совместное редактирование в Figma, подробный рассказ от техдира сервиса → https://www.figma.com/blog/how-figmas-multiplayer-technology-works/

Как разрабатывают фронтенд в сервисе продуктовой аналитики Heap:
— Goodbye CoffeeScript, Hello TypeScript (7 октября 2015)
— Migrating To React + MobX While Shipping New Features (16 августа 2017)
— How We Write Front-end Code (20 февраля 2018)
— Redesigning Heap Without a Feature Branch (10 апреля 2019)
— How we failed, then succeeded, at migrating to TypeScript (10 октября 2019)

Больше материалов об опыте разработки фронтенда в реальных компаниях → https://github.com/andrew--r/frontend-case-studies

Объяснение Event Loop для обычных разработчиков: что это такое и о чём нужно помнить при написании асинхронного кода → https://github.com/atotic/event-loop

Почему JavaScript-инструменты — отстой? Шон Ван об основных проблемах JavaScript-экосистемы → https://www.swyx.io/writing/js-tooling/

Чеклист Senior-инженера: список навыков с сортировкой по категории, сложности освоения и важности для компании/карьеры → https://littleblah.com/post/2019-09-01-senior-engineer-checklist/

Введение в новый SMS Receiver API, упрощающий ввод одноразовых паролей из СМС в веб-приложениях → https://web.dev/sms-receiver-api-announcement

"🤦🏼‍♂️".length == 7 — не ошибка! Генри Сивонен подробно рассказал, почему за такое поведение нельзя винить JS, как подсчитывается длина строк в разных языках программирования и почему это не такая простая задача, как может показаться → https://hsivonen.fi/string-length/

Актуален ли GraphQL в мире HTTP/2? Марк-Андре Жиру объясняет, чем на самом деле ценен GraphQL и почему получение данных одним запросом — не главное преимущество → https://medium.com/p/64964f207b8

Awesome Webpack Perf, курируемая Иваном Акуловым подборка webpack-инструментов для оптимизации быстродействия → https://github.com/iamakulov/awesome-webpack-perf

Важные материалы первой половины октября: фронтенд Pornhub, безопасность локфайлов, дизайн-система Slack, cache-first в Instagram, общая UI-библиотека Tinkoff, каскадная инвалидация кеша, графика для веба правильно, UX кликабельных элементов, игра в 13 КБ → https://forwebdev.ru/digest/2019-10-15/