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

Как я уместил 3D-игру в 2 КБ JavaScript: Франк Форс рассказывает о разработке ультралёгкой трёхмерной гонки → http://frankforce.com/?p=7427

Онлайн-учебник по вариативным шрифтам: что это, как они устроены, как их использовать в вебе и где узнать о них больше → https://variablefonts.io

ls-lint, быстрый (потому что написан на golang, а не JS) линтер имён файлов и директорий с поддержкой mac OS, Windows и Linux → https://github.com/loeffel-io/ls-lint

Инженеры The New York Times рассказали, как они сверстали материал к столетию Баухауса по сетке, привязанной к базовой линии шрифта → https://open.nytimes.com/cb13cac45201

Лёгкий способ улучшить UX drag-and-drop загрузки файлов: растягивайте доступную для бросания файла область на весь экран → https://github.com/forwebdev/ui-developer-tips/tree/master/tips/018-drag-and-drop-file-upload

Другие советы → https://github.com/forwebdev/ui-developer-tips

scriptlint, новый линтер для NPM-скриптов → https://github.com/peerigon/scriptlint

Считаем калории: как команда UberEats полностью переписала веб-версию сервиса, тем самым улучшив быстродействие и UX → https://eng.uber.com/uber-eats-com-web-app-rewrite/

Что фронтендерам нужно знать о бэкенде: краткий обзор → https://terrastruct.com/blog/what-frontend-engineers-should-know-about-backend/

Исправляем Date в JavaScript. Мэгги Пинт с коллегами исследовала проблемы объекта Date, перечислила их возможные решения и подготовила предложение по добавлению в JS нового API, в котором учтены ошибки 20-летней давности → https://maggiepint.com/2017/04/09/fixing-javascript-date-getting-started/

Как Амплифер использует Logux: Виталий Ризо об обмене данными в реальном времени, уведомлениях об ошибках без перезагрузки страницы, общении между вкладками браузера и интеграции с Redux → https://habr.com/p/491170/

Почему и в пользу чего команда GOV.UK отказалась от type=number в полях ввода чисел → https://technology.blog.gov.uk/2020/02/24/why-the-gov-uk-design-system-team-changed-the-input-type-for-numbers/

Как работают трекинг-пиксели? Джулия Эванс объясняет на примере пикселя Facebook → https://jvns.ca/blog/how-tracking-pixels-work/

Складные девайсы набирают популярность. Как они повлияют на фронтенд? Разбирается Фредерик О’Брайн → https://www.smashingmagazine.com/2020/02/foldable-web-meaning/

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

Мы разрабатываем собственную e-commerce платформу, покрывающую все сферы event-сегмента, от локальных событий до финалов уровня Лиги чемпионов или грандиозных туров топовых музыкальных исполнителей. Ищем самостоятельного фронтендера, который вместе с нами будет запускать новые сервисы, дорабатывать уже запущенные и расширять их географию.

Задачи разнообразные: вам предстоит разрабатывать визуальный редактор схем event-площадок на Canvas и SVG, веб-конструктор наподобие Tilda, а также обычные сайты и лендинги для наших продуктов.

Наша команда распределённая, в ней работают специалисты из разных городов и стран Все мы своего рода единомышленники, стремимся вложить себя в развитие продукта. Мы успешно применяем Scrum и Agile. На фронтенде используем React и Redux.

Предлагаем официальное трудоустройство, гибкий график и зарплату от 95 000₽. Почитать подробнее или откликнуться → https://career.habr.com/vacancies/1000057437

Как автоматически адаптировать фавиконку к тёмной теме с помощью SVG и медиавыражения prefers-color-scheme → https://catalin.red/svg-favicon-light-dark-theme/

Chrome University, видеокурс из 22 лекций о том, как под капотом устроен браузер Chrome → https://www.youtube.com/playlist?list=PLNYkxOF6rcICgS7eFJrGDhMBwWtdTgzpx

Хватит говорить dropdown: Адриан Розелли призывает отказаться от абстрактного термина и предлагает более точные альтернативы → https://adrianroselli.com/2020/03/stop-using-drop-down.html

Джейсон Миллер (создатель Preact) попробовал Rome на практике, описал свои впечатления и объяснил идею проекта → https://jasonformat.com/rome-javascript-toolchain/

Создатель Babel и Yarn представил Rome, экспериментальный набор инструментов, призванный покрыть все потребности разработки на JavaScript: компиляцию, линтинг, форматирование, бандлинг и даже тестирование → https://github.com/facebookexperimental/rome