Мы обновили одну из наших классических статей, добавив больше примеров из реальных проектов и полезных ссылок! Читайте и открывайте для себя инсайты из марсианского опыта создания интерфейсов для разработчиков:

https://evilmartians.com/chronicles/devs-in-mind-how-to-design-interfaces-for-developer-tools

“Сериал” про куб для самых смелых. В этом цикле статей наша команда SRE рассказывает:

1. A smooth-sailing toolkit from our SRE team
почему мы так любим Kubernetes и как мы решили упрощать порог входа для наших клиентов

2. Unboxing our toolkit's technical secrets
из каких компонентов состоит наша типовая конфигурация и как мы ей управляем

3. Running apps—and running them well
как, собственно, деплоить и управлять web-приложениями, для которых мы строим всю инфрасткуктуру, какие вас могут ждать подводные камни с секретами для этих приложений и как все это готовит нас к “финальному боссу” каждого процесса деплоя - preview apps, которые динамически появляются и исчезают

4. (Teaser) The power of ArgoCD for Preview apps
Очень скоро покажем вам пример, как вы можете сделать себе заветные превью аппы по pull-request’ам - не переключайтесь!

Напоминаем, что открыта вакансия на позицию фронтенд-разработчик в Злых марсианах 💻
Evil Martians — бутик-консалтинг для стартапов, которые делают инструменты разработки.

Условия:
— Удалённая работа.
— Горизонтальная структура и минимум бюрократии.
— Вилка: $75k – $113K
— Опенсорс: мы делаем много опенсорса, как для себя (например, PostCSS), так и для клиентов. Мы много выступаем на конференциях и двигаем индустрию.

Требования:
— Отличная вёрстка, а не только знание React.
— Желание разбиваться в том, что используешь — а не просто выбирать по моде.
— Фокус на помощи бизнесу, а не закрытие задач в трекере. У нас нет бизнес-аналитиков. Вы сами общаетесь с клиентом и должны думать о том, как кодом помочь бизнесу (и вообще понимать, какой след. шаг у стартапа и т. п.)

Подробности вакансии и как податься:

How to apply

Please don’t send us standard CVs – your real UIs speak better about your developer skills than CVs. Send us an email (it should be in Russian) at obey-frontend@evilmartians.com with your full name as the email subject. In your email, please follow this simple structure:

- Share examples of your JavaScript code (send us a link to Gist or repository, but please avoid attachments).
- Share examples of styles (CSS in any dialect, link to Gist or repository, but again, avoid attachments).
- Provide a direct link to the deployed web application — we will evaluate UX, attention to details, and accessibility.
- Tell us about yourself and your projects. How could you contribute to your project’s success, what did you achieve, what are you proud of? What is your location and do you consider a relocation?
- You can "extract" a couple of files from an ongoing project and put them on a secret Gist.

If you can't show the code behind a good interface from your previous work, try to create a convenient and beautiful authentication form (via email and password) on a SPA framework — but without UI component library. You need to think about sending email/password to a server, but you can skip building the server by mocking fetch(). Deploy the example on GitHub Pages, and send a link to the final interface and sources.

Don't forget to mention if you already have experience in open source (with links), if you have completed any tasks from Cultofmartians, spoken at conferences/meetups, or helped the community you can count on some bonus points during the interview process.

The process:
1. Your UI’s review.
2. Technical interview via email. You’ll have 24 hours to answer hard questions about web stack.
3. Interview to check the level of your English.
4. Business communication test.
5. Сoding skills test.
6. Zoom interview with the CEO of Evil Martians.

We always respond with detailed feedback so you see the areas where you can pump your skills.

Больше деталей:
https://wellfound.com/jobs/3124379-frontend-engineer-react-postcss

Расскажите друзьям!

За 20+ лет в опенсорсе, главный фронтендер Марсиан Андрей Ситник создал несколько успешных проектов: PostCSS, Browserlist, Autoprefixer и другие.

В новой статье Андрей рассказывает как сделать проект успешным, да и зачем вообще опенсорсить.

https://evilmartians.com/chronicles/how-to-make-your-open-source-popular

"Presence tracking" или мониторинг в реальном времени доступности и статуса пользователей или устройств в сети, для приложений на Hotwire можно сделать очень просто. Нужен лишь AnyCable, его новые примитивы и немножко HTML.

https://evilmartians.com/chronicles/simple-declarative-presence-for-hotwire-apps-with-anycable

Рассказали про самые частые ошибки, которые можно найти на сайтах инструментов для разработчиков: от раздражающих клише и кирпичей текста до слишком маркетинговых или очень туманных утверждений о том, что именно делает продукт.

https://evilmartians.com/chronicles/hey-developer-tool-teams-dont-copy-these-copywriting-cliches

Мы уже писали про подход documentation-first, когда о документации заботятся до того, как писать код. Но мы же Марсиане, мы попробуем и прямо противоположное. Итак, что там с implementation-first? Заодно покажем, как это сделать, используя подручные гемы немного не по назначению. Прямо как в «очумелых ручках»!

https://evilmartians.com/chronicles/let-there-be-docs-generating-openapi-schema-across-rails-stack

Tauri — очень полезный фреймворк, и, несмотря на некоторые минусы, он заслуживает большего, чем работа с базовыми настройками. В новом посте рассказали, как, например, использовать связку из sidecar + Tauri + фронтенд-приложения (на примере Next.js), чтобы затем сделать что-интересное, например, фоновую синхронизацию файлов.

https://evilmartians.com/chronicles/making-desktop-apps-with-revved-up-potential-rust-tauri-sidecar

AI все чаще лежит в основе инструментов для разработчиков. Интересно посмотреть, как создаются интерфейсы для них и какие у них особенности? В новом посте рассказали, как разрабатывали UI-дизайн для Quotient, какие дизайн-концепты получились и какие фишечки попробовали.

https://evilmartians.com/chronicles/ui-for-quotient-ai-the-developer-tool-for-prompt-engineers

Полный редизайн 12 страниц и запуск сайта за 3.5 недели с помощью Webflow? Рассказываем, как сделали это для AI-стартапа GMI Cloud и что помогло ускорить процесс и помочь продукту выделиться на переполненном AI-рынке: от дизайна прямо в Webflow с первого дня до создания качественных (но быстрых!) 3D-визуализаций и анимаций со Spline.

https://evilmartians.com/chronicles/gmi-cloud-meets-webflow-and-speeds-ahead-in-the-ai-compute-race

Предлагаем вам почитать и посмотреть материалы, которые мы выпустили в июне:

📖 На примере конкретного проекта рассказываем и показываем, как ИИ ускоряет дизайн и разработку
📖 Представляем AnyCable для Laravel: замена Pusher с гарантированной доставкой сообщений
📖 Приятный UI с Hotwire: сложные формы и плавные анимации
📖 Простой рецепт интеграции InertiaUI Modal + Rails
📖 Клонировали CEO Bolt для самого большого хакатона в истории

📺 Обсудили будущее софта с автором Elixir José Valim
📺 На SF Ruby Meetup поговорили про JRuby оптимизацию, аналитику Ruby gems, обновления Langchain.rb и новые подходы к LLM-агентам в Rails
📺 Ирина Назарова рассказала про ренессанс Ruby на Ruby Talks подкаст
📺 5-мин доклад о том, как StackBlitz пивотнулся в Bolt для AI Engineer World’s Fair

Что нового у Злых Марсиан?

- Martian Grotesk, наш вариативный шрифт, созданный специально для веба, теперь в опенсорсе
- В ноябре мы впервые организовываем Ruby конференцию в Сан Франциско! Билеты уже в продаже
- На последнем RailsConf ever в Филадельфии 8-10 июля мы сделали аж 3 доклада, через пару месяцев будет запись
- Рассказали про Privacy-first architecture на DevBcn в Барселоне 9 июля
- Спонсируем и выступаем в качестве судей на SF Ruby AI Hackathon в Сан-Франциско 19 июля

Привет. Делимся записью июльского митапа SF Ruby, который мы провели вместе с Figma.

Послушали про то, как инженеры в Figma возводят Ruby-монолит, взяли на заметку, как без боли дебажить ошибки в ERB-шаблонах и узнали о борьбе с ненужными аллокациями в Ruby. А ещё посмотрели, как (зачем-то) пишут валидный Ruby-код на хинди, испанском и даже с помощью emoji 😈

https://youtu.be/b8lhXJUo_cI?si=QgATmI2bh_bL7-Qb

Июль пролетел и оставил за собой статьи, видео и новости:

📖 Как фронтенд разработчику выжить в мире API контрактов
📖 Рассказываем, как Inertia.js позволяет создавать современные JS-компоненты без сложности SPA для рельсовой разработки
📖 Тут же на примере небольшого приложения, показываем, как эффективно использовать инерцию
📖 Андрей Ситник делится уроками из опыта создания PostCSS

📺 RailsConf 2025, Ирина Назарова: Startups on Rails in Past, Present and Future
📺 RailsConf 2025, Святослав Крюков: Rails Frontend Evolution
📺 RailsConf 2025, Владимир Дементьев и Альберт Паздерин: The future of Rails begins in the browser
📺 Интервью с CTO Gusto — история о том, как забота о маме привела к IPO
📺 Как маленькая команда соревнуется с Midjourney — интервью с основательницей Recraft Анной Вероникой Дорогуш

Что нового у Злых Марсиан?

- Запустили LaunchKit. Это бесплатный шаблон лендинга для коммерческого опен сорса или девтул (developer tool) проекта. Другими словами, если вы делаете продукт для разработчиков, этот шаблон для вас. Мы посмотрели, что делают 100+ топовых компаний в этой области и вывели формулу конвертирующей странички. Можно склонировать репу или взять шаблон для Webflow
- Провели Svelte Meetup в Нью Йорке и участвовали в SF Ruby хакатоне в Сан Франциско
- Наша испанская команда выросла до 4 человек, в честь чего Марсиане собрались в северном городе Бильбао
- Открыли две вакансии: фронтенд разработка и технический маркетинг

В августе нас можно поймать в Тайпее на RubyConf Тайвань

Ничего себе, мы провели ещё один Ruby-митап! Вот, что можно найти в записи.

Durable execution – фреймворк для решения основных проблем в распределённых системах.

Как написать MCP Inspector на Ruby (и немного про MCP в целом).

Как не потерять бизнес-логику в большом Rails-приложении. Описание подхода и гем Foobara.

Несколько рабочих лайфхаков, которые помогли сократить время прогона тестов в два раза для проекта Whop.

Как "правильно" использовать AI-агентов для написания кода.

https://www.youtube.com/watch?v=IMAABWxnbUM&ab_channel=EvilMartians

Ох, август! Как же быстро ты пролетел... Пролетел, и оставил после себя несколько занятных материалов.

📖 Андрей Ситник отметил 15 лет на Марсе! Еще в прошлом месяце мы делились его последней статьей. Рекомендуем к прочтению: What we learned from creating PostCSS
📖 Запустили серию статей Redprints. По сути, в каждой статье Redprints показываем готовое приложение, которое учит современной разработке на реальных примерах. Первым показываем CFP — приложение для управления заявками для конференций на Rails + Inertia.js
📖 Глубокое погружение в circuit breakers для Ruby: как предотвратить каскадные сбои в ваших приложениях
📖 Рассказываем, почему Rails пережил хайп-цикл и что это значит для стартапов
📖 Подготовили технический гайд по созданию JetBrains плагина для IntelliJ IDEA на примере поддержки языка Luau
📺 Для просмотра предлагаем интервью с Jason Bosco (основатель Typesense) о том, как построить успешный стартап без венчура

Что нового у Злых Марсиан?
- Выступили на RubyConf Taiwan x COSCUP 2025 с двумя докладами — рассказали про тонкости запуска Ruby в Kubernetes и новые "замороженные" строки в Ruby 3.4
- Готовимся к руби триатлону в сентябре: RailsWorld в Амстердаме, EuRuKo в маленьком португальском городке Viana do Castelo и Friendly.rb в Бухаресте
- В Скопье в 20-х числах расскажем о Nano Stores на WhatTheStack Conference

Всем приятного октябрьского вторника! Пробежим по материалам, которые мы подготовили для вас за последний месяц.

✍️ Как порезать тесты и CI в два раза — рассказали на примере стартапа Whop
✍️ Исследовали Active Agent и ИИ будущее на рельсах
✍️ Рассмотрели как масшатбировать рельсовое приложение с помощью мощных инструментов на Go, C и Rust
✍️ Разобрали неприятную проблему с flaky тестами для огромного монолита Clickfunnels
✍️ Нашли способ детектить версии Safari и iOS
✍️ Продолжили тему API — на этот раз обсудили API-first документацию

📺 Сходили на подкаст Remote Ruby и поговорили о инерции, вайб-кодинге на рельсах и нашей конференции SF Ruby
📺 Как добраться до рынка? Поговорили с отцом технического маркетинга, Адамом Франклом
📺 Агенты, которые не забывают контекст! Обсудили память LLM с основательницей Letta AI, Сарой Вудерс
📺 Контекстная разработка, дизайн технических продуктов, RAG. Побеседовали с основателем Chroma, Джеффом Хьюбером

Что у нас нового?
- Целая команда Злых Марсиан участвовала в запуске нового bolt v2. Кстати, мы работаем с ребятами уже 4 года!
- Запустили AgentPrism. Чтобы эффективно дебажить ИИ агентов, нужно удобно представить данные из OpenTelemetry. Чем мы и занялись. В итоге, реализовали три вида диаграмм: TraceList, TreeView, DetailsView.
- Browserslist теперь поддерживает выбор браузеров по Baseline.

И собрались большой дружной компанией на финал Руби триатлона Euruko в городке Viana do Castelo в Португалии. Кстати, ждите записи докладов, мы представили аж три!

Сегодня хэллоуин! Бууу 👻
Самое время забраться в кресло под уютный плед и почитать последние марсианские статьи под ароматный пампкин спайс латте.

✍️Предложили добавить быстрый удобный поиск на Astro сайты
✍️Рассказали, как забацали дву-датабазный сетап для Whop, чтобы помочь им переехать с Постгреса на PlanetScale
✍️Изучили какой фронтовый стек выбирают стартапы в 2025 году

⭐️ Взорвали твиттер с новым опен сорс проектом, про который рассказывали в одном из предыдущих дайджестов. В двух словах: трейсы агентов содержат кучу важной информации. Эти данные выглядят как стена JSONa, в которой невозможно разобраться. Мы сделали либу React компонентов AgentPrism, чтобы представлять эти данные в виде понятных глазу диаграм. Для этого проекта мы запартнерились с Quotient AI, они уже используют AgentPrism в проде
⭐️ Андрея Ситника и его проекты (postcss, autoprefixer, nanoid) отметил фаундер Верселя Гийермо Роч с пометкой "You use his software every day, especially in Next.js" грантом за "foundational open source projects". Мелочь, а приятно!
⭐️ Добавили генерацию цвета в шаблон лендингов LaunchKit и связали его с болтом. На примере Lefthook, показали, как быстро сделать симпатичный и конвертирующий сайт для своего опен сорс проекта
⭐️ Для нашей конференции SF Ruby запустили специальный промо проект — участники конференции могут сгенирировать картинку в стиле конференции. Получили занимательные результаты! Тоже для СФ Руби сняли ролик в стиле Веса Андерсона
⭐️ Вместе с дизайн студией Ashfall запустили новый сайт дла Аптоса, под капотом Astro
⭐️ Во время SF Tech week организовали митап-пикник — позвали друзей, ребят, которые делают продукты для разработчиков

Выпустили два крутых интервью:
📺 Интервью с основателем Resend (автором React Email, Clipboard.js, Dracula) Zeno Rocha
📺 Интервью с основателем PlanetScale Sam Lambert