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

[Реклама] Начали самостоятельно изучать фронтенд, но не хватает системности, знаний и опыта для трудоустройства? Приходите на трёхмесячный онлайн-курс Algoritmika Coding Bootcamp, 80% выпускников которого получают офер в первый месяц после окончания обучения → https://clck.ru/QNCor За 3 месяца обучения вы: — изучите основные технологии веб-разработки: HTML, CSS, JavaScript, React, Node.js; — познакомитесь со всеми этапами разработки: от согласования требований до презентации продукты. — разработаете 6 приложений, оформите порфтолио на GitHub и резюме; — научитесь проходить собеседования на практике с реальными HR и техническими специалистами. По промокоду ForWeb скидка 20% на программу до 1 сентября. Подробности и запись → https://clck.ru/QNCor

Может, нам слегка успокоиться с JavaScript? Эвелин Вудс призывает фронтендеров не переизобретать на JavaScript нативные возможности веб-платформы и браузеров → https://eev.ee/blog/2016/03/06/maybe-we-could-tone-down-the-javascript Перевод на Хабре → https://habr.com/p/490412/

eslint-plugin-boundaries, eslint-плагин для контроля архитектурных ограничений в проекте → https://github.com/javierbrea/eslint-plugin-boundaries

Как уже сегодня начать использовать новый формат изображений AVIF, позволяющий сэкономить до 50% в сравнении с JPEG и до 20% в сравнении с WebP → https://reachlightspeed.com/blog/using-the-new-high-performance-avif-image-format-on-the-web-today/

Введение в leading-trim, новый CSS-стандарт, призванный решить проблемы с вертикальными отступами между текстом → https://medium.com/p/d082d84b202

Чем сброс стилей отличается от нормализации: визуальное объяснение Элайджи Мэнора

Производительная архитектура фронтенда: высокоуровневый обзор техник оптимизации первой отрисовки, загрузки приложения и переходов между страницами → https://www.debugbear.com/blog/performant-front-end-architecture

Микровзаимодействия: Арианна Чау на примерах показывает, как сделать интерфейс более отзывчивым и человечным → https://cloudfour.com/thinks/micro-interactions-to-incorporate-for-powerful-emotional-design/

Мигрируем большой проект на TypeScript за один подход: инженеры Airbnb рассказывают о своём опыте и делятся инструментом ts-migrate для автоматизации перехода → https://medium.com/p/cd23bfeb5cc

Технические предпочтения пользователей с нарушениями зрения в 2020 году: устройства, операционные системы, браузеры, экранные дикторы и многое другое в подробном исследовании Яндекса → https://habr.com/p/515460/

Советы начинающим программистам: тимлид из Uber делится приёмами для профессионального роста, проверенными на собственном опыте → https://blog.pragmaticengineer.com/advice-to-myself-when-starting-as-a-software-developer/

​[Вакансия, удалёнка или релокация в Новосибирск] Middle/senior фронтенд-разработчик в 2ГИС Мы ищем разработчика в интересный и нетипичный фронтенд-проект, работа в котором напоминает разработку игровых движков. Мы делаем трёхмерную векторную карту в браузере, которая используется другими разработчиками, в том числе и на 2gis.ru. Код пишем на TypeScript, карту отправляем в полёт на WebGL. Стараемся держать фокус на доставке фич, не забывая о техдолге и тестах, ревьювим и помогаем друг другу.  У нас встречаются визуально красивые задачи, например, 3D-модели, тепловые карты, симуляция погоды, а также непростые алгоритмические задачи: пересечение маркеров друг с другом, поиск объектов карты в точке, динамический рендеринг видимой области карты. Помимо проектов и технологий, ценим дружелюбие и любознательность. Многие из нас пишут статьи, участвуют и выступают на конференциях, пилят свои pet-проекты.  Подробное описание вакансии → https://job.2gis.ru/software/1312/ Обязательно пишите, если хотите попасть в клёвую команду на крутой проект! @annabaitova с удовольствием ответит на все вопросы.

Веб-компоненты в реальном мире, часть 2: Борис Сердюк с очередной порцией неочевидных проблем веб-компонентов → https://habr.com/p/515332/

Как и зачем в Node.js реализовали EventTarget API: подробный рассказ инженеров NearForm → https://www.nearform.com/blog/node-js-and-the-struggles-of-being-an-eventtarget/

Нужен ли вам кастомный селект? Краткая памятка на случай сомнений → https://doineedacustomselect.com

Хакатон помощи беларусам https://eventornado.com/event/build-for-belarus Обеспечение безопасных решение для коммуникации, безопасности, здоровья и поддержки тех, кто может пострадать. Пройдёт полностью онлайн.

Пробелы и символы нулевой ширины: сводная таблица Кирилла Беляева с аннотациями о применении, мнемониками и копированием → https://kirillbelyaev.com/s/

Архитектура современных корпоративных Node.js-приложений: Андрей Мелихов из Яндекс.Денег делится опытом организации масштабируемой архитектуры → https://habr.com/p/514550/

Как организовать цвета в приложении? Артур Басак 🤍♥️🤍 рассказывает, как с помощью CSS-переменных заложить фундамент для ребрендинга и темизации → https://medium.com/p/1b514653068c