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

Важные материалы второй половины июня: состояние CSS в 2019, дизайн-система ivi, замена Gulp от Microsoft, сервис-воркер в поиске Google, учебник по вёрстке, вопросы для собеседований, комбинаторы промисов, цена JavaScript в 2019 → https://forwebdev.ru/digest/2019-06-30/

Роман Камушкин делится подходом к организации компонентов с разными состояниями в Figma на примере аватарки пользователя → https://habr.com/p/442494/

Зак Лезерман делится опытом разработки надёжной стратегии загрузки шрифтов для сайта CSS-Tricks → https://www.zachleat.com/web/css-tricks-web-fonts/

Библиотеки для рисования финансовых графиков от TradingView: бесплатная и опенсорсная для простых графиков и проприетарная для теханализа → https://www.tradingview.com/HTML5-stock-forex-bitcoin-charting-library/

Почему шрифты без засечек лучше использовать в вебе, а с засечками — в печати? Марвин Даниг с объяснением → https://www.freecodecamp.org/news/to-serif-or-not-to-sans-serif/

Антипаттерн reduce ({...spread}): Рич Снэп подробно объясненяет вред этого подхода и призывает избегать его → https://www.richsnapp.com/blog/2019/06-09-reduce-spread-anti-pattern

Track THIS, новая технология от Mozilla для защиты от таргетированной рекламы → https://blog.mozilla.org/firefox/hey-advertisers-track-this/

Интернет-проект security.txt: знакомство с ещё одним .well-known файлом → https://habr.com/p/456910/

​​[Вакансия, Москва]
Фронтендер в ivi.ru

Мы делаем самый крупный онлайн-кинотеатр в России с 50 млн пользователей ежемесячно. Ищем в команду JavaScript-разработчика, который будет вместе с нами делать классный продукт и пилить большие стратегические фичи.

У нас React/Redux/TypeScript/Node.js, своя дизайн-система, юнит-тесты, налаженные CI и CD, понятные Agile-процессы. Мы плотно работаем с новыми сотрудниками: погружаем в проект, составляем индивидуальный план развития, проводим регулярные встречи для развития и обратной связи.

Предлагаем белую зарплату от 150 до 200 тысяч на руки, ДМС после испытательного срока, помощь с релокацией, свободный график и демократичную атмосферу без бюрократии.

Подробнее о технологиях, команде и задачах → https://hh.ru/vacancy/30454370

Резюме присылайте mzimin@ivi.ru.

Elix, коллекция готовых к использованию и кастомизируемых веб-компонентов, реализующих распространённые UI-паттерны вроде каруселей, диалогов, меню и многого другого → https://component.kitchen/elix

Цена JavaScript в 2019: Эдди Османи о том, как JS влияет на перформанс и где основные бутылочные горлышки → https://v8.dev/blog/cost-of-javascript-2019

Периодическая таблица HTML-элементов с распределением по семантическим группам → https://www.madebymike.com.au/demos/html5-periodic-table/

Every Layout, практический учебник по вёрстке композируемых и надёжных UI-компонентов: от примитивов до сложных раскладок с примерами и объяснениями задач и решений → https://every-layout.dev/

Is It Blocked In Russia? Простой способ проверить, заблокирован ли сайт в России → https://isitblockedinrussia.com/

Что такое абстракция и косвенность, как они выражаются в коде и как и когда их применять → https://www.silasreinagel.com/blog/2018/10/30/indirection-is-not-abstraction/

Just, библиотека от Microsoft для организации задач сборки в JS-проектах (по сути аналог Gulp) с возможностью скаффолдинга → https://microsoft.github.io/just/

Почему я не использую веб-компоненты: создатель Svelte и Rollup Рич Харрис о проблемах веб-компонентов, из-за которых он не готов их применять → https://dev.to/richharris/why-i-don-t-use-web-components-2cia

Когда зарелизят npm@6.9.1 и почему в npm CLI не коммитили более трёх месяцев? Одри Эшрайт проливает свет на ситуацию и её причины → https://gist.github.com/aeschright/8ed09cbc2a4aee00fcb4ad35086d76a6

Введение в Imba, компилируемый в JS язык с фокусом на производительности, используемый в реальных приложениях → https://www.freecodecamp.org/news/introduction-to-imba-the-alternative-to-javascript-e2aa1e3d1769/

От UI kit до дизайн-системы для всех платформ: опыт и выводы дизайнеров онлайн-кинотеатра ivi → https://habr.com/p/456854/