Как разрабатывают фронтенд в макретплейсе 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
• 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
Первый взгляд на записи и кортежи в JavaScript: Аксель Раушмайер в переводе на Хабре с обзором инициативы по добавлению в JS новых иммутабельных типов данных → https://habr.com/p/504092/
SVG Path Visualizer, интерактивная визуализация и аннотация SVG-путей → https://svg-path-visualizer.netlify.app
Свежий выпуск журнала 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
#реклама
Конкурс: создайте или адаптируйте полезный 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.
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