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

Большое интервью «Фронтенд-юности» с Дэном Абрамовым: популярность и Твитер, доминирование Реакта, конкуренция фреймворков, опенсорс, UX и DX, разработка в Фейсбуке, увлечения Дэна и многое другое → https://youtu.be/9aXRJ8Z-kxA

Web Components Bookmarks, коллекция актуальных ресурсов о веб-компонентах от Сергея Куликова: от стандартов до лучших практик и готовых компонентов → https://www.notion.so/Web-Components-bookmarks-64066078f891433dbc74997dc4d64302

Доступность и закон: Татьяна Фокина разбирается, какие в США, Евросоюзе и России есть законы и стандарты о веб-доступности и что будет за их нарушение → https://medium.com/p/a81dd9dd5fc8

Компоненты-агностики в Angular: Александр Инкин из Tinkoff делится подходом к разработке гибких Angular-компонентов, не зависящих от модели данных и дизайна содержимого → https://habr.com/p/473108/

Инженеры PayPal об опыте масштабирования GraphQL в большой организации с множеством проектов → https://medium.com/p/b5b5ac098810

Arkit, инструмент для визуализации кодовой базы на JS/TS/Flow и её зависимостей в виде архитектурных диаграмм → https://arkit.pro

Пишем компилятор Brainfuck на JavaScript: руководство Мишеля Ривы → https://www.jsmonday.dev/articles/37/let-s-write-a-brainfuck-compiler

Инженеры The Telegraph поделились опытом и результатами внедрения культуры быстродействия и оптимизации своего сайта → https://medium.com/p/a0a1000be5

Вес страницы имеет значение: Крис Закариас о том, как создание облегчённой версии YouTube открыло сервису новый рынок → https://blog.chriszacharias.com/page-weight-matters

Важные материалы второй половины октября: убийство IE6, нужен ли GraphQL в эпоху HTTP/2, SMS Receiver API, современное руководство по Make, доступные палитры цветов, хитрости CSS-переменных, фреймворк инициализации Slack, revert и новый синтаксис display в CSS, ориентация изображений в вебе, PWA в Samsung Galaxy Store → https://forwebdev.ru/digest/2019-10-31/

IOC!, легковесная и более простая альтернатива InversifyJS для инъекции зависимостей → https://github.com/owja/ioc

Преимущества и недостатки монорепозитория: исследование инженеров Google (PDF, ~600 КБ) → https://people.engr.ncsu.edu/ermurph3/papers/seip18.pdf

Новый синтаксис CSS-свойства display: Рэйчел Эндрю о причинах рефакторинга спецификации и новых значениях свойства → https://hacks.mozilla.org/2019/10/the-two-value-syntax-of-the-css-display-property

Как работает новое значение revert в CSS и чем оно отличается от inherit/initial/unset? Обзор Мириам Сюзан из Mozilla → https://youtu.be/GAjoVRmipcU

Ориентация изображений в вебе: Майкл Шарналь объясняет, почему браузеры могут некорректно отображать изображения и как этого избежать → https://justmarkup.com/articles/2019-10-21-image-orientation/

Инженеры Slack рассказали, зачем они разработали внутренний фреймворк для быстрой инициализации приложения и как он им помог → https://slack.engineering/fb70c8eed2fd

Маленькие хитрости кастомных свойств: Илья Стрельцын делится неочевидными возможностями и нюансами применения CSS-переменных → https://css-live.ru/tricks/malenkie-xitrosti-kastomnyx-svojstv-css-peremennyx.html

Нетривиальная расстановка элементов на flexbox без медиавыражений: Дмитрий Лаврик с демонстрацией и объяснением техники → https://habr.com/p/473186/

Разрушаем мифы о PWA: Дэвид Русет развеивает девять заблуждений о прогрессивных веб-приложениях, демонстрируя возможности PWA в новой версии Edge → https://www.davrous.com/2019/10/18/myth-busting-pwas-the-new-edge-edition/

Заговор против IE6: как разработчики YouTube практически убили IE6 в 2009 году, тайно выложив в продакшен баннер с предложением перейти на другие браузеры → https://blog.chriszacharias.com/a-conspiracy-to-kill-ie6