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

Fusion.js

Uber выложил в опенсорс свой фреймворк для разработки изоморфных приложений, на котором сделано более 60 внутренних приложений: Koa, своя система плагинов, flow и типизированная DI, Jest/Enzyme/Puppeteer для тестирования. Подробности → https://eng.uber.com/fusionjs/

Инженеры Discord рассказали, как им удаётся не ухудшать быстродействие приложения, постоянно добавляя фичи (спойлер: с помощью кодсплиттинга) → https://blog.discordapp.com/28ddaf044333

Святой грааль реиспользуемых компонентов: кастомные элементы, shadow DOM и NPM

Пошаговое руководство Оливера Уильямса по созданию реиспользуемого компонента, работающего в любом окружении и с любым фреймворком → https://www.smashingmagazine.com/2018/07/reusable-components-custom-elements-shadow-dom-npm/

Альтернатива картам Google

Google сократил бесплатные лимиты API карт в 30 раз и поднял стоимость в 14 раз.

Ребят из сервиса по поиску лекарств Gdzie Po Lek такой расклад не устроил, они исследовали альтернативы картам Google и поделились результатами → https://www.inderapotheke.de/blog/farewell-google-maps

Удивительный и неизвестный inline-block

Первая в серии статья Ильи Стрельцына о малоизученных особенностях и полезных секретах свойства display → http://css-live.ru/articles-css/udivitelnyj-i-neizvestnyj-inline-block.html

Webmentions

Обзор и примеры применения нового стандарта, позволяющего сайтам упоминать материалы друг друга и отслеживать эти упоминания → https://alistapart.com/article/webmentions-enabling-better-communication-on-the-internet

Что лучше использовать, пиксели или em’ы?

Инженеры Internet Archive устали от холиваров, провели исследование и обнаружили, что больше 3% их пользователей меняют дефолтный размер шрифта в браузере.

Теперь они постепенно переходят на относительные единицы измерения и рекомендуют другим разработчикам не спорить, а опираться на статистику → https://medium.com/p/5cfb20831773

Подробная матрица компетенций fullstack JavaScript-разработчика от Ильи Климова → https://docs.google.com/spreadsheets/d/1ckjM6OJxfz-NEESs6KCs50uyeRHdSdfVwvYBXiqW9q8/

Обзор наиболее важных составляющих PWA и пример их минимальной реализации → https://blog.logrocket.com/aefdded3b5e

Клиентская оптимизация

Иван Карев, Андрей Морозов, Михаил Мокрушин, Андрей Роенко и Тамерлан Локьяев в ШРИ 2018 об анализе производительности сайтов, влиянии рекламы и расширений на скорость загрузки страниц и об опыте клиентской оптимизации в Яндексе → https://youtu.be/LToHQwOx4SM

UX Crash Course

31 урок по основам UX в месячном курсе Джоэля Марша: от ключевых идей и информационной архитектуры до психологии пользователей и дизайна, основанного на данных → http://thehipperelement.com/post/75476711614/ux-crash-course-31-fundamentals