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

<iframe> ужасен, он может быть лучше. Дэниэл Брейн о проблемах фреймов и возможных решениях, частично реализованных библиотекой zoid от PayPal → https://medium.com/p/974b731f0fb4

Используем ES-модули в продакшене сегодня: Филип Уолтон развеивает распространённые опасения и показывает, как использовать ES-модули, чтобы ускорить загрузку сайта → https://philipwalton.com/articles/using-native-javascript-modules-in-production-today/

msw, фреймворк для честной подмены ответов сервера, работающий через сервис-воркер и не требующий никакого бэкенда → https://github.com/open-draft/msw

Базовые требования к кастомным контролам: чеклист от Адриана Розелли для тех, кому нужно реализовать кастомный селект, календарь или любой другой не нативный контрол → http://adrianroselli.com/2019/08/basic-custom-control-requirements.html

Как Slack вредит работе: обзор проблем инструментов коммуникации в реальном времени → https://www.silasreinagel.com/blog/2019/08/12/how-slack-harms-projects/

Дизайнеры Dropbox рассказали, как они переехали на Figma и организовали в ней свою кроссплатформенную дизайн-систему → https://dropbox.design/article/design-tooling-at-scale

Полное руководство по дизайну удобных форм: Адам Силвер с обзором лучших UX-практик → https://adamsilver.io/articles/form-design-from-zero-to-hero-all-in-one-blog-post/

Cashify, современная альтернатива более не поддерживаемой money.js для конвертации валют → https://github.com/xxczaki/cashify

Бездействующие скрипты — ключ к постепенной автоматизации: Дэн Слиммон предлагает ленивый подход к автоматизации рутинных процессов → https://blog.danslimmon.com/2019/07/15/do-nothing-scripting-the-key-to-gradual-automation/

Важные материалы первой половины августа: современный учебник JavaScript, Contact Picker API, Flow → TypeScript, ускорение веб-версии Instagram, спецификации, конкурс Telegram, двухфакторная аутентификация, Largest Contentful Paint, Network Information API → https://forwebdev.ru/digest/2019-08-17/

Как измерить производительность JavaScript-кода? Крис Фердинанди об инструментах и нюансах, о которых нужно знать → https://gomakethings.com/how-to-test-vanilla-js-performance/

Девять распространённых заблуждений о дизайн-системах: обзор дизайнеров Modus Create для тех, кто берётся за реализацию собственной дизайн-системы → https://moduscreate.com/blog/9-design-system-traps-to-avoid/

Largest Contentful Paint: Филип Уолтон о новой метрике быстродействия для измерения скорости отрисовки значимого содержимого страницы → https://web.dev/largest-contentful-paint/

[Реклама]
Надоел скучный офис, хочешь свободы и денег? Стань веб-дизайнером, даже если до этого никогда не открывал Photoshop! Пройди курс, составь портфолио, начни зарабатывать от 100 000 рублей в месяц и получи возможность работать из любой точки мира!
Первым 20 студентам — скидка 20%.
Программа курса и остальные подробности по ссылке → https://clc.to/HopB4A

Как работают JavaScript-движки? Джейсон Вильямс решил разобраться и написал собственный JS-движок на Rust, о чём рассказал на JSConf → https://youtu.be/_uD2pijcSi4

treat, CSS-in-JS библиотека для написания темизируемых стилей: минимальный рантайм, статическая типизация, извлечение стилей на этапе сборки и поддержка старых браузеров → https://seek-oss.github.io/treat

quicktype, утилита для конвертации произвольных JSON-структур в статически типизированные модели и код для их парсинга на разных языках, в том числе TypeScript → https://github.com/quicktype/quicktype

Применяем Network Information API для определения скорости сети и динамической настройки таймаутов: инженеры Algolia об опыте улучшения UX сервиса на медленных соединениях → https://blog.algolia.com/netinfo-api-algolia-javascript-client/