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

Как уже сегодня начать использовать новый формат изображений 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

Поймут ли ваши иконки пользователи из других стран? Юля Кондратьева со ссылками на научные исследования разбирается, нужно ли делать локализацию иконок → https://habr.com/p/514612/

Что означает 100% в CSS? Спойлер: зависит от контекста. Амелия Уоттенбергер подробно разбирается, как вычисляются значения в процентах → https://wattenberger.com/blog/css-percents

content-visibility: новое экспериментальное CSS-свойство, позволяющее ускорить загрузку страницы за счёт откладывания отрисовки содержимого за пределами экрана → https://web.dev/content-visibility