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

Как с помощью нескольких HTML-атрибутов улучшить UX двухфакторной аутентификации → https://www.twilio.com/blog/html-attributes-two-factor-authentication-autocomplete

Awesome Web Animation, коллекция лучших библиотек, книг, сервисов и других материалов для создания анимаций в вебе → https://github.com/sergey-pimenov/awesome-web-animation

Разработка LightOS на React Native: создатели Light Phone рассказали об опыте разработки его операционной системы → https://medium.com/p/4b6e4ad1cd7f

Почему в CSS может быть удобнее использовать цвета в HSL вместо привычных HEX и RGB → https://tsh.io/blog/why-should-you-use-hsl-color-representation-in-css/

Микроптимизации и JavaScript: Андрей Мелихов разбирается, какие оптимизации действительно важны и стоит ли опасаться новых конструкций языка из-за их влияния на быстродействие → https://medium.com/p/f8e060d3eae3

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

От данных до 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/

Пользуемся вебом через геймпад: как подключить геймпад к браузеру, научить страницу работать с ним и реализовать обратную связь через вибрацию → 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