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

Большой рассказ Ильи Климова о работе фронтенд-разработчиком в GitLab → https://twitter.com/xanf_ua/status/1194852796035731456

Важные материалы первой половины ноября: доступность и закон, интервью с Дэном Абрамовым, babel/preset-modules, ресурсы о веб-компонентах, передача дизайн-макетов разработчикам, мифы о контрасте цветов, приведение типов в JS, состояние веба в 2019 → https://forwebdev.ru/digest/2019-11-16/

Адаптивная потоковая передача видео в вебе: зачем её использовать, как она устроена под капотом, лучшие практики реализации → https://www.heartinternet.uk/blog/best-practices-for-optimising-video-streams-on-the-web/

Figma Ninja, макет для изучения графического редактора Figma в формате квеста → https://www.figma.com/c/file/769694576496801916

babel-preset-modules, новый пресет для компиляции кода под современные браузеры, исправляющий браузерные баги и неточности реализации современных возможностей JS → https://github.com/babel/preset-modules

[Реклама]
Вебинар на тему «Как фронтенд-разработчику получить работу за границей уже в 2019 году?»

Автор расскажет, как он устроился на удалённую работу в США с зарплатой в 9 000$ в месяц.

Что можно узнать на вебинаре:
— что и как писать в резюме;
— отличия работы в РФ и за рубежом;
— как проходить собеседования;
— как получить зарплату ×1.5–2 к текущей;
— Дмитрий покажет своё резюме.

Регистрируйтесь → http://bit.ly/2Xd8nvd

Как поддерживаемые браузеры влияют на размер бандла? Исследование и практические рекомендации по оптимизации → https://www.debugbear.com/blog/how-does-browser-support-impact-bundle-size

CodeSandbox CI, новый бесплатный CI-сервис для опенсорсных JavaScript-библиотек, уже используемый популярными проектами вроде React, Babel, Framer и Material UI → https://codesandbox.io/post/codesandbox-ci-embeds

Как инженеры Discord сделали своё iOS-приложение на React Native сравнимым с нативными приложениями по скорости работы → https://blog.discordapp.com/390c84dcd502

Распространённые паттерны раскладки на флексбоксе с кодом и примерами: от стандартных трёх колонок до masonry-раскладки → https://tobiasahlin.com/blog/common-flexbox-patterns

Растеризация SVG-анимаций: Тайлер Стика поделился опытом экспорта веб-анимаций в понятный нативным мобильным приложениям формат → https://cloudfour.com/thinks/rasterizing-svg-animations/

Обзор новых CSS-свойств для гибкой настройки подчёркивания текста → https://youtu.be/sZS-7RX_c7g

Вышла третья версия GSAP, популярной библиотеки для создания анимаций: упрощённый API, уменьшенный бандл, анимация width/height в auto, новые утилиты и многое другое → https://greensock.com/3

Метрики веб-перформанса: новый раздел на web.dev с описанием основных метрик, способами их измерения и методологией определения собственных метрик → https://web.dev/metrics/

​​[Реклама]
6–8 декабря в Москве состоится хакатон Rosbank Tech.Madness. К участию приглашаются разработчики и аналитики. Вас ждут:
— возможность заявить о себе в самом безумном соревновании уходящего года;
— незаезженные задачи;
— призовой фонд в 600 000 рублей.

Регистрируйся → https://techmadness.ru
Задать вопросы касаемо участия можно в чате хакатона @hackmadness.

Ежегодный отчёт о состоянии веба от HTTP Archive: анализ содержимого, используемых технологий и UX миллионов сайтов → https://almanac.httparchive.org/en/2019/

Обработка ошибок: серия видео Ильи Климова о поиске универсального подхода к обработке ошибок на фронтенде → https://www.youtube.com/playlist?list=PLvTBThJr861xYT3vcMHcvRwwenV_tJ57f

Как работает приведение типов в JavaScript: подробный обзор Акселя Раушмайера → https://2ality.com/2019/10/type-coercion.html