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

Открыт набор в Школу разработки интерфейсов Яндекса в Москве: тестовые задания принимаются до 19 января, иногородним участникам оплатят проезд и проживание, подробности → https://yandex.ru/promo/academy/shri

Redux Toolkit, официальный набор инструментов и практик для эффективной разработки приложений на Redux → https://redux-toolkit.js.org

Responsive Breakpoints, сервис для автоматической генерации оптимальных адаптивных вариаций изображения → https://responsivebreakpoints.com

Пишем свой собственный React: пошаговое руководство Родриго Помбо, основанное на реальной архитектуре React → https://pomb.us/build-your-own-react/

Deno: время Node.js уходит? Евгений Бондаренко разбирается, в чём преимущества нового проекта Райана Дала и стоит ли отказываться от Node.js в его пользу → https://habr.com/p/476972/

Практические паттерны применения CSS-переменных: обзор Тайлера Чайлдса с примерами → https://css-tricks.com/patterns-for-practical-css-custom-properties-use/

Open Doodles, коллекция полностью бесплатных иллюстраций с возможностью темизации → https://www.opendoodles.com/

Организация и защита подключаемых с CDN сторонних ресурсов: опыт инженеров Yelp → https://engineeringblog.yelp.com/2019/11/organizing-and-securing-third-party-cdn-assets-at-yelp.html

Введение в Web Bundles, новый способ упаковки и распространения сайтов одним файлом → https://web.dev/web-bundles/

Необычные способы применения псевдоэлементов: Ахмад Шадид делится практическими трюками для реализации hover-эффектов, теней и многого другого → https://ishadeed.com/article/unusual-use-cases-pseudo-elements/

Как и зачем мы переписали Тяжеловато на Тайпскрипт: Саша Беспоясов об опыте рефакторинга приложения для снижения расходов → https://bespoyasov.ru/blog/tzlvt-upgrade/

relative-deps, утилита для связки локальных пакетов, решающая проблемы npm/yarn link → https://github.com/mweststrate/relative-deps

CSS4 не будет… потому что он давно прошёл. Встречайте CSS8! Илья Стрельцын разбирается в истории развития и текущем состоянии спецификаций CSS → https://css-live.ru/css/css4-ne-budet-potomu-chto-on-davno-proshel-vstrechajte-css8.html

Редактирование текста тоже вас ненавидит: обзор нюансов и проблем в области редактирования текста в ответе на статью «Рендеринг текста вас ненавидит» → https://habr.com/p/474036

Большой рассказ Ильи Климова о работе фронтенд-разработчиком в 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

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