Modest JS Works, небольшая книга об альтернативном подходе к разработке фронтенда для тех, кто устал от сложных фреймворков и библиотек для решения простых задач → https://modestjs.works

Как с помощью конечных автоматов отделить логику от UI, избавиться от неочевидных багов и визуализировать все состояния и переходы между ними → https://dev.to/davidkpiano/no-disabling-a-button-is-not-app-logic-598i

Разрабатываем диктофон на MediaRecorder и getUserMedia: руководство Криса Милса → https://24ways.org/2019/building-a-dictaphone-using-media-recorder-and-getusermedia

Exifer, легковесный изоморфный инструмент для извлечения метаданных из изображений → https://github.com/terkelg/exifer

Raw WebGL, практическое руководство по основным концепциям WebGL для быстрого старта → https://alain.xyz/blog/raw-webgl

Чат канала

Напоминаем: у нас есть чат, в котором можно обсуждать публикации, обмениваться опытом и делиться мнениями. Присоединяйтесь → @chatforweb

Передаём меньше HTML с сервис-воркерами: Филип Уолтон рассказывает, как с помощью сервис-воркера переиспользовать основную разметку страницы и запрашивать у сервера только уникальную часть → https://philipwalton.com/articles/smaller-html-payloads-with-service-workers/

[Вакансия, Москва]
Фронтенд-разработчик в Roborox

Полная занятость, работа в офисе в Москве, м. Павелецкая (2 дня в неделю можно удалённо), зарплата от 100 до 200 тысяч рублей, премии.

Roborox — небольшая команда с экспертизой в промышленной разработке, машинном обучении и блокчейн-технологиях. Мы разрабатываем и поддерживаем собственные продукты для глобального рынка. У нас нет ненужных процессов и бюрократии, мешающих работе и развитию, есть высокая степень свободы и возможность работы из дома несколько дней в неделю.

Ищем инженера, готового работать на стыке веба и мобильных технологий. Мы используем React, React Native, MobX, TypeScript, PostCSS и CSS-модули, Jest для юнит-тестирования и Cypress для E2E-тестирования. Подробности  → https://www.notion.so/f6881c5415b74672bb137ee2ea50107f?p=f32226ed93ef4f1ab24c4d5e4dba478d

Compression Streams, новый API для сжатия данных в форматах gzip или deflate прямо в браузере → https://github.com/wicg/compression/blob/master/explainer.md

google webfonts helper, удобный экспорт шрифтов из Google Fonts для самостоятельного подключения на сайт → https://google-webfonts-helper.herokuapp.com

Адаптивная загрузка: что это за подход к оптимизации перформанса, как его реализовать и как его применяют Twitter, eBay, Tinder и Facebook → https://web.dev/adaptive-loading-cds-2019/

Что не так с выпадающими списками и что использовать вместо них → https://designsmarts.co/the-problem-with-dropdowns/

Как реализовать кастомный селект: виды селекта и их поведение, примеры реализации, результаты юзабилити-тестирования каждого примера и практические рекомендации на их основе → https://www.24a11y.com/2019/select-your-poison/

Как The Guardian переходит на React: рассказ инженеров и ссылка на открытый репозиторий с новым фронтенд-фреймворком сайта → https://www.theguardian.com/info/2019/dec/08/migrating-the-guardian-website-to-react

Пользуемся вебом через геймпад: как подключить геймпад к браузеру, научить страницу работать с ним и реализовать обратную связь через вибрацию → https://www.voorhoede.nl/en/blog/navigating-the-web-with-a-gamepad/

JetBrains Mono, бесплатный опенсорсный шрифт для программирования от JetBrains: 8 начертаний, 143 языка, 138 лигатур для кода → https://www.jetbrains.com/lp/mono/

В Chromium планируют заморозить и унифицировать User Agent и предлагают вместо него использовать User-Agent Client Hints → https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/-2JIRNMWJ7s/yHe4tQNLCgAJ

Design System Checklist, опенсорсный чеклист всего, что нужно учесть при разработке дизайн-системы → https://designsystemchecklist.com

От данных до DOM: инженеры ABC поделились опытом разработки расширяемого конвейера отрисовки статей для медиаизданий → https://developers.digital.abc.net.au/2019/10/23/from-data-to-dom-building-a-text-rendering-pipeline-for-react/

Rete.js, модульный фреймворк для создания визуальных редакторов алгоритмов → https://rete.js.org