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

Как 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/

​​[Реклама] Почему многие работают в Figma? Потому что это бесплатный и простой в использовании онлайн-инструмент, который отлично подходит для быстрого старта в графическом и веб-дизайне. Если вы давно хотели освоить этот инструмент, предлагаем начать с бесплатных уроков. 16 января Нетология проведет бесплатный воркшоп по дизайну рекламной графики в Figma. Что будет на воркшопе: — создадите дизайн баннеров для рекламы; — рассмотрите основные функции Figma; — обсудите тренды, композицию, цвета и типографику. Регистрация и подробности → http://netolo.gy/fek

Что не так с выпадающими списками и что использовать вместо них → 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

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

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

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

Browser Default Styles, сервис для поиска дефолтных стилей HTML-элементов в разных браузерах → https://browserdefaultstyles.com

Список важных пользователям вещей, на которые забивают программисты → https://instadeq.com/blog/posts/things-end-users-care-about-but-programmers-dont/

Введение в новое CSS-свойство contain, служащее подсказкой для оптимизации отрисовки браузерами → https://www.smashingmagazine.com/2019/12/browsers-containment-css-contain-property/

Пошаговое руководство по разработке полноценного парсера JSON на JavaScript → https://lihautan.com/json-parser-with-javascript/