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

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

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

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

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

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

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

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

Почему и в пользу чего команда 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/

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

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

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

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

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

Лёгкий способ улучшить 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

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

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

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

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

Зачем и как в Sports.ru написали свой WYSIWYG-редактор? Рассказывает Валерия Токарева → https://habr.com/p/492228/

Отдельно Валерия рассказала, как написать собственный WYSIWYG-редактор с помощью ProseMirror → https://habr.com/p/491902/

Тёмная сторона дизайн-системы и что с ней делать: Лёша Свиридо из Альфа-Банка о том, с какими преимуществами и проблемами собственной дизайн-системы столкнулись в банке, а главное, как с этими проблемами борются → https://habr.com/p/492010/

Хорошие новости для фронтенд-сообщества: GitHub купил NPM.

Анонс от CEO GitHub → https://github.blog/2020-03-16-npm-is-joining-github/

Анонс от CEO NPM → https://blog.npmjs.org/post/612764866888007680

Как сверстать слоёную карточку с hover-анимацией → https://fossheim.io/writing/posts/css-box-shadow-animation/