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

Вес страницы имеет значение: Крис Закариас о том, как создание облегчённой версии 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/

​​[Реклама]
Если у вас нет времени на переработку потока информации из мира фронтенд-разработки (и не только), подписывайтесь на @defront. В канале публикуются небольшие посты и короткие пересказы статей, приправленные авторским мнением и инсайтами. Ведёт канал Александр Мышов из Яндекс.Маркета. Несколько отзывов от читателей канала:

— С интересом читаю Defront. Избирательно, глубоко и лампово. Тим (VK, старший разработчик)

— Канал Defront стал для меня основным источником самых актуальных и интересных статей на профессиональную тему. Дмитрий (Тинькофф, старший разработчик)

— Регулярно читаю Defront. Посты с кратким обзором статей очень экономят время. Александр (Яндекс, разработчик интерфейсов)

— Что мне нравится на Defront — это развёрнутое авторское мнение, ценный комментарий, изложение основных тезисов из статьи, регулярность и ёмкость. Пётр (ведущий подкаста «Пятиминутка React»)

Подписывайся на @defront, будет интересно!

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

Как удалить все директории 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