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

Пишем стили с заделом на будущее: Стефани Эклз на примере списка комментариев демонстрирует CSS-приёмы, позволяющие адаптировать вёрстку к любым экранам и содержимому → https://moderncss.dev/developing-for-imperfect-future-proofing-css-styles/

CSS Container Queries, или адаптация по-новому: контейнер вместо вьюпорта. Вадим Макеев на практике пробует черновую спецификацию выражений от контейнера, реализованную в Chrome Canary → https://youtu.be/bP3ceQEXMhU

eslint-plugin-clean-regex следит за чистотой регулярных выражений и упрощает сложные конструкции → https://github.com/RunDevelopment/eslint-plugin-clean-regex

Theme Studio, редактор и каталог готовых тем для VS Code → https://themes.vscode.one

Размер шрифта бесполезен; давайте это исправим! Никита Прокопов разбирается, что не так с привычным способом измерения шрифтов и какая есть альтернатива → https://tonsky.me/blog/font-size/

[Вакансия, Москва или удалёнка]
Фронтенд-разработчик в Авито

Авито — самый популярный сервис объявлений в Европе с ежемесячной аудиторией более 47 миллионов человек. Мы находимся на третьем месте в рейтинге самых дорогих российских интернет-компаний. У нас вы будете работать над продуктом, которым пользуются все вокруг — друзья, семья, знакомые.

Ищем фронтендера в команду Trust & Safety, отвечающую за доверие и безопасность пользователей на площадке. Команда занимается защитой профилей от взломов и угонов, рефакторингом сценариев аутентификации, доработкой рейтинговой системы и многими другими задачами.

Откликнуться на вакансию → https://www.avito.ru/company/job/frontdevtns

simple-git-hooks, легковесная и простая в использовании альтернатива husky для использования git-хуков → https://github.com/toplenboren/simple-git-hooks

Предотвращаем межсайтовый скриптинг (XSS) с помощью Content-Security Policy: руководство по настройке строгой CSP для предотвращения возможных атак → https://web.dev/strict-csp/

Отрисовка больших логов в GitHub Actions: фронтендеры GitHub об опыте отрисовки 50 000 строк текста без ущерба для быстродействия и UX → https://github.blog/2021-03-25-how-github-actions-renders-large-scale-logs/

Как разрабатывать доступные графики на D3 на примере колец активности Apple → https://fossheim.io/writing/posts/apple-dataviz-a11y-tutorial/

Дорожная карта начинающего фронтенд-разработчика: что и в каком порядке изучать + ссылки на полезные материалы → https://frontendmasters.com/guides/learning-roadmap/

Plaiceholder, инструмент для генерации размытых изображений-заглушек на время загрузки оригинала: поддерживает CSS, SVG, base64 и другие форматы → https://plaiceholder.co

Смерть Node.js-процесса: Томас Хантер с исчерпывающим обзором причин, по которым процесс может быть остановлен → https://thomashunter.name/posts/2021-03-08-the-death-of-a-nodejs-process

Исследуем CSS-директиву property: обзор новой директивы, позволяющей сообщить браузеру, как анимировать CSS-переменные → https://css-tricks.com/exploring-property-and-its-animating-powers/

Гамбит килобайта: попробуйте обыграть шахматный движок, уложенный в 1024 байта JavaScript-кода → https://vole.wtf/kilobytes-gambit/

Вавилонская башня из миллиона печенек на TypeScript, React и MobX : фронтендеры KTS об опыте разработки и оптимизации мобильной игры к 5-летию Oreo в России → https://habr.com/p/546388/

Изучаем внутреннее устройство компьютеров, разрабатывая 16-битную виртуальную машину на JavaScript: 15 подробных видеоуроков → https://www.youtube.com/playlist?list=PLP29wDx6QmW5DdwpdwHCRJsEubS5NrQ9b

Как разрабатывается фронтенд в Lyft: от инструментов и инфраструктуры до коммуникации и оргструктуры → https://eng.lyft.com/frontend-at-lyft-an-overview-f934c1524370

Постепенное внедрение GraphQL и Apollo в legacy-приложение: реальный опыт фронтендеров Trello → https://www.atlassian.com/engineering/a-look-at-trello-adopting-graphql-and-apollo-in-a-legacy-application

Подробное введение в Streams API, позволяющий поточно обрабатывать большие данные: декодировать изображения, применять эффекты к видео на лету и многое другое → https://web.dev/streams/