Свежий выпуск журнала Increment посвящён фронтенду: архитектура, дизайн и UX, микрофронтенды, CSS, фреймворки, опыт реальных компаний и лидеров индустрии → https://increment.com/frontend/

Пишем игру «Сапёр» на чистом JavaScript: видеоурок Ани Кубов → https://youtu.be/rxdGAKRndz8

Rough Notation, библиотека для добавления на страницу анимированных пометок в тексте в стиле «от руки» → https://roughnotation.com/

Дизайн для пальцев, прикосновений и людей: как люди пользуются сенсорными экранами и как спроектировать удобный тач-интерфейс? Подробнейшее исследование Стивена Губера в трёх частях → https://www.uxmatters.com/mt/archives/2017/03/design-for-fingers-touch-and-people-part-1.php

Хорош ли Svelte для реализации виджета? Дмитрий Усов из Ситимобила об опыте реализации виджета заказа такси на Svelte → https://habr.com/p/504270/

Как инженеры Quarkly решили проблемы сторонних реализаций атомарного CSS в своей библиотеке Atomize: удобная адаптивность, темизация, поддержка любых псевдоклассов → https://habr.com/p/504064/

Конкурс: создайте или адаптируйте полезный React-компонент под Atomize и получите от $50 до $100 (или даже больше) → https://quarkly.io/contest-ru

#реклама

Возможно, вам не нужен Electron: обзор возможностей веба, удовлетворяющих потребности десктопных приложений → https://youmightnotneedelectron.com

neo.mjs, экспериментальный фреймворк, работающий в веб-воркерах для максимальной отзывчивости интерфейса → https://github.com/neomjs/neo

Обзор Amazon Web Services: список всех сервисов AWS с кратким и доступным описанием их предназначения → https://adayinthelifeof.nl/2020/05/20/aws.html

Веб-сервер на Ubuntu с нуля: Вадим Макеев делится опытом поднятия сервера с Nginx, HTTP/2, Brotli и HTTPS → https://youtu.be/oanbIqkS9LM

ECMAScript 4: потерянная версия. Каким был бы JavaScript, если вышла спецификация ES4: статическая типизация, классы, интерфейсы, пакеты, generic-функции и даже прародитель JSX → https://evertpot.com/ecmascript-4-the-missing-version/

Google анонсировал обновление критериев ранжирования сайтов в поисковой выдаче и отображение не-AMP сайтов в Top Stories, подробности → https://webmasters.googleblog.com/2020/05/evaluating-page-experience.html

[Вакансия, Москва, от 200 000₽]
Senior Frontend Developer в ManyChat

ManyChat — это платформа, которая помогает бизнесам использовать мессенджеры, email, SMS/MMS для маркетинга, продаж и поддержки. Наш сервис используют более 1М бизнесов по всему миру. Продукт быстро растет, у нас много разноплановых задач:
— UI-компоненты;
— визуальные конструкторы писем, рекламы, медиа сообщений;
— FlowBuilder, инструмент визуального программирования с отрисовкой логических нод и связей на канвасе с WebGL;
— большие и сложные отчёты аналитики (графики, диаграммы).

Стек: React, Redux, JavaScript и TypeScript. Инструменты: GitHub, Jest, Cypress, Webpack, Drone.

Нам важно:
1. Чтобы ты развивался: оплачиваем занятия английским, профильные курсы/литературу/конференции.
2. Как ты себя чувствуешь: ДМС со стоматологией, йога в офисе и скидка 50% в WorldClass.
3. Чтобы тебе было комфортно: гибкий график, удобный офис (м. Курская), покупка техники для работы.

Подробнее: https://hh.ru/vacancy/36917092 или @gingermaria.

Form design patterns: Евгений Игнашов с кратким конспектом книги о проектировании удобных форм → https://habr.com/p/500562/

Введение в app shortcuts, новый API для создания меню быстрого доступа в веб-приложениях → https://web.dev/app-shortcuts/

Solid, легковесный и быстрый аналог React, не использующий виртуальную DOM и компилируемый в прямые DOM-инструкции, как Svelte → https://github.com/ryansolid/solid

Большинство технических материалов — брехня: Александра Сикора предлагает критичнее относиться ко всему, что вы читаете в интернете → https://www.aleksandra.codes/tech-content-consumer

12 советов по внедрению TypeScript: от инфраструктуры до полезных возможностей языка → https://habr.com/p/505488/

Список реальных тестовых заданий разных компаний → https://github.com/Hexlet/ru-test-assignments