Как инженеры GitHub используют веб-компоненты для разработки интерфейсов → https://github.blog/2021-05-04-how-we-use-web-components-at-github/

GitHub Elements, опенсорсные веб-компоненты, разработанные и используемые в GitHub → https://github.com/github/github-elements

Стандарт Temporal за две минуты: обзорное введение в новый API для работы с датами и временем в JavaScript → https://bkardell.com/blog/TemporalIn2Min.html

Сериал «История фронтенда», второй выпуск: JavaScript как отражение новой эпохи. История языка JavaScript, его стандарта ECMAScript и выросшей вокруг него экосистемы в 2000-х годах → https://blog.csssr.com/ru/article/frontend-history-java-script-as-a-reflection-of-a-new-era/

Вышел Bootstrap 5: выпилена jQuery, отказ от поддержки IE, поддержка RTL из коробки, новые компоненты, переход на Dart Sass и множество других улучшений → https://blog.getbootstrap.com/2021/05/05/bootstrap-5

Легендарному CSS Zen Garden исполнилось 18 лет: хороший повод вспомнить проект, показавший нам, насколько широки возможности стилизации одной и той же разметки → http://www.csszengarden.com

Коллекции плохих практик и ошибок применения HTML и CSS с рекомендациями по исправлению, собранные на основе реальных сайтов:

HTMHell → https://www.htmhell.dev
CSS Hell → https://csshell.dev

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

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

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

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

Помочь с переводом и предложить улучшения → https://github.com/tc39/tc39.github.io

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

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

[Вакансия, удалёнка или переезд в Москву]
Фронтенд-разработчик в 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

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

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

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

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

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

Вышел Sublime Text 4!

Основные улучшения:
— новый UI;
— более умное автодополнение;
— поддержка TypeScript/JSX/TSX;
— отрисовка на GPU и другие оптимизации быстродействия;
— поддержка Apple Silicon и Linux ARM64.

Полный список изменений → https://www.sublimetext.com/blog/articles/sublime-text-4

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