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

Введение в медиавыражения от контейнера: какую проблему они решают, как они работают и как дополняют существующие возможности CSS → https://www.smashingmagazine.com/2021/05/complete-guide-css-container-queries

Пакетные менеджеры не управляют вашими зависимостями, поэтому нужно брать ответственность на себя. Соавтор Jest и Yarn Кристоф Наказава поделился практическими приёмами и инструментами для анализа и оптимизации зависимостей → https://cpojer.net/posts/dependency-managers-dont-manage-your-dependencies

​[Реклама] Есть идеи по улучшению любимой игры — настало время заглянуть в индустрию с другой стороны. На бесплатном курсе Нетологии «Введение в геймдизайн» расскажут, из чего складывается геймплей, какие жанры существуют и в чём состоит работа геймдизайнера. А затем вы сами, по видеоурокам, создадите две игры — в жанре Endless Runner и Top-Down Shooter. Увидите, это не сложно и не требует специальных навыков. Присоединяйтесь → https://netolo.gy/gz7

Введение в back/forward cache, используемый браузерами при навигации по истории: как он работает и как подготовить к нему своё приложение → https://web.dev/bfcache/

[Реклама] Contented приглашает на курс «Дизайнер интерфейсов v.2.0» → https://clc.am/QfvAPg Курс построен по принципу «кто лучше всех знает свою тему, тот и учит». Над программой работали эксперты из Cuberto, Mail.Ru Group и Ozon — уникальный опыт вместо абстрактных знаний. Сейчас они — преподаватели на этом курсе, готовые делиться опытом. В процессе обучения вы: — сможете выбрать специализацию для развития: веб- или мобильные интерфейсы; — у вас будет практика по каждой теме с проверкой наставником; — сделаете работу по реальному брифу. До 24 мая скидка 55% по промокоду FORWEB — не упустите шанс → https://clc.am/QfvAPg

Вышел Sublime Text 4! Основные улучшения: — новый UI; — более умное автодополнение; — поддержка TypeScript/JSX/TSX; — отрисовка на GPU и другие оптимизации быстродействия; — поддержка Apple Silicon и Linux ARM64. Полный список изменений → https://www.sublimetext.com/blog/articles/sublime-text-4

Как реализовать всплывающее меню для выделенного текста с помощью Selection API → https://css-tricks.com/how-to-create-actions-for-selected-text-with-the-selection-api/

Learn CSS, новый «вечнозелёный» курс по CSS от Google Developers: 24 модуля с теорией, интерактивными демками и проверочными заданиями → https://web.dev/learn/css

[Реклама] Бесплатный онлайн-митап для фронтенд-разработчиков и дизайнеров от Сбера и JUG Ru Group пройдёт 25 мая в 17:00 по Москве → https://bit.ly/3ol4hyI Программа митапа: 1. Designer-Developer Workflow in 2021, Виталий Фридман: как эффективно взаимодействовать дизайнерам и разработчикам в 2021 году. 2. «Микрофронтенд в Сбербанке Онлайн», Дмитрий Кузнецов: как разрабатывать крупное фронтенд-приложение, реализовать поставку независимых бизнес-фичей в продакшн и какие есть практики изоляции и построения микрофронтендов. 3. Optimistic UI, Олег Иванов: что такое оптимистичный UI, какие преимущества даёт этот подход и как использовать его в любой среде. 🔥 А также — круглый стол, где спикеры обсудят: — что надо знать про дизайн-системы; — что значит быть дизайнером/разработчиком в 2021 году; — доступность: как реализовать дизайн-систему, доступна всем. 👉 Подключайтесь, смотрите и задавайте вопросы спикерам. Участие бесплатное, нужно только зарегистрироваться.

5 шагов к быстрым веб-шрифтам: Иэн Бин делится практическими приёмами подключения веб-шрифтов для оптимального UX → https://iainbean.com/posts/2021/5-steps-to-faster-web-fonts/

zx, инструмент от инженеров Google для написания консольных скриптов на JavaScript с удобным API для вызова команд оболочки → https://github.com/google/zx

Server-Sent Events: простая замена вебсокетов. Андрей Мелихов с обзором недооценённой технологии односторонней передачи данных с сервера по отдельному постоянному каналу → https://youtu.be/CJrmK3IXC8o

[Вакансия, удалёнка или переезд в Москву] Фронтенд-разработчик в Joom 🔥 Joom — международный маркетплейс, самый быстрорастущий e-Commerce сервис Европы c 300+ млн установок приложения по всему миру. Основатель компании и CEO — Илья Широков, создатель Моего Круга и бывший президент Одноклассников. Ищем фронтендеров на несколько разных направлений: сайт маркетплейса, сервис для продавцов, админка, платформа аналитики. Используем TypeScript, React, CSS-модули и другие инструменты на разных проектах (Effector/MobX/Redux, Next.js, Express, Sass, Google Closure). Качество кода обеспечивают ESLint, Stylelint, Prettier, Jest, прекоммит-хуки и CI. Мы ценим сотрудников: у нас белая зарплата от 200 000₽ на руки, пакет акций компании после испытательного срока, ДМС и 100% оплачиваемые больничные, бесплатные обеды в офисе, ипотечная программа после двух лет работы, релокационный пакет для соискателей не из Москвы. Присоединяйтесь → https://hh.ru/vacancy/43396076

Руководство по тришейкингу: что это за оптимизация, как она работает и как применять её на практике → https://www.smashingmagazine.com/2021/05/tree-shaking-reference-guide/

Can I :has(): Брайан Карделл анонсирует начало работы над реализацией родительского селектора :has() в браузерах и рассказывает о его сложной истории → https://bkardell.com/blog/canihas.html

Официальный сайт TC39 (комитет, разрабатывающий спецификацию ECMAScript) теперь доступен на русском языке: полезные ссылки и обзор предложений-кандидатов в спецификацию → https://tc39.es/ru Помочь с переводом и предложить улучшения → https://github.com/tc39/tc39.github.io

Catalyst, созданный и используемый в GitHub набор принципов, техник и инструментов разработки веб-компонентов для сложных приложений → https://github.github.io/catalyst/

Генеративный дизайн для шеринга в соцсетях: руководство по разработке конструктора картинок с генеративным фоном на SVG → https://georgefrancis.dev/writing/generative-svg-social-images/

Коллекция рекомендованных базовых tsconfig для разных окружений → https://github.com/tsconfig/bases

Коллекции плохих практик и ошибок применения HTML и CSS с рекомендациями по исправлению, собранные на основе реальных сайтов: HTMHell → https://www.htmhell.dev CSS Hell → https://csshell.dev