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

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

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

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

[Вакансия, Москва, от 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.

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

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

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

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

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

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

Как инженеры Quarkly решили проблемы сторонних реализаций атомарного CSS в своей библиотеке Atomize: удобная адаптивность, темизация, поддержка любых псевдоклассов → https://habr.com/p/504064/ Конкурс: создайте или адаптируйте полезный React-компонент под Atomize и получите от $50 до $100 (или даже больше) → https://quarkly.io/contest-ru #реклама

Как инженеры Quarkly решили проблемы сторонних реализаций атомарного CSS в своей библиотеке Atomize: удобная адаптивность, темизация, поддержка любых псевдоклассов → https://habr.com/p/504064/ Конкурс: создайте или адаптируйте полезный React-компонент под Atomize и получите от $50 до $100 (или даже больше) → https://quarkly.io/contest-ru #реклама

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

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

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

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

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

SVG Path Visualizer, интерактивная визуализация и аннотация SVG-путей → https://svg-path-visualizer.netlify.app

Первый взгляд на записи и кортежи в JavaScript: Аксель Раушмайер в переводе на Хабре с обзором инициативы по добавлению в JS новых иммутабельных типов данных → https://habr.com/p/504092/

Как разрабатывают фронтенд в макретплейсе Etsy • Localizing Logically for a Global Marketplace (21 октября 2011) • Multilingual User Generated Content and SEO (2 декабря 2011) • Measuring Front-end Performance With Real Users (29 ноября 2012) • Responsive emails that really work (13 марта 2014) • Transitioning to SCSS at Scale (2 февраля 2015) • Rebuilding the Foundation of Etsy’s Seller Tools (5 февраля 2015) • How Etsy Formats Currency (19 апреля 2016) • SEO Title Tag Optimization at Etsy: Experimental Design and Causal Inference (25 октября 2016) • Optimizing Meta Descriptions, H1s and Title Tags: Lessons from Multivariate SEO Testing at Etsy (25 января 2017) • Reducing Image File Size at Etsy (30 мая 2017) • How Etsy Localizes Addresses (26 сентября 2018) • Developing in a Monorepo While Still Using Webpack (6 апреля 2020) • The journey to fast production asset builds with Webpack (3 февраля 2020) Опыт разработки фронтенда в других компаниях → https://github.com/andrew--r/frontend-case-studies