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

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

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

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

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

[Реклама]
Знание алгоритмов и структур данных — must have для любого программиста в крупных IT-компаниях.

Подписывайся на @unilecs, чтобы прокачаться и проходить собеседования без страха 🔥

• Более 150 задач с подробным разбором
• Полезные статьи и онлайн-тесты
• Регулярные турниры с подарками

Подписывайся и обучайся на @unilecs!

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

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

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

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

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

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

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

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

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

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

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

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

Чат канала

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

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

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

Snowpack, сборщик JS для современных браузеров, практически не требующий настройки и работающий в несколько раз быстрее традиционных бандлеров вроде Webpack → https://www.snowpack.dev