В новой статье марсианка Рита Клубочкина подробно рассказывает, как мы создавали плагин Figma в стиле фронтенд-приложения для платформы Playbook. И дает советы, как и с помощью каких инструментов вы можете создавать собственные Figma-плагины.
https://evilmartians.com/chronicles/how-to-make-next-level-figma-plugins-auth-routing-storage-and-more
https://evilmartians.com/chronicles/how-to-make-next-level-figma-plugins-auth-routing-storage-and-more
evilmartians.com
How to make next-level Figma plugins: auth, routing, storage, and more—Martian Chronicles, Evil Martians’ team blog
Playbook, a platform for creators to store, organize, and collaborate with creative content, needed a Figma plugin to create a smoother experience for designers. Learn how we built them a full-featured frontend application-style Figma plugin, with storage…
Девтулам иногда просто необходимо изменить стратегию монетизации по разным причинам (например, чтобы продукт мог развиваться дальше). Наш Engineering Manager Макс Кушнер и Product Designer Глеб Строганов делятся практическим руководством по изменению ценовой политики девтула, учитывающему все сложности и подводные камни этой чувствительной области.
https://evilmartians.com/chronicles/successful-balance-gracefully-and-tactfully-raising-a-dev-tool-price
https://evilmartians.com/chronicles/successful-balance-gracefully-and-tactfully-raising-a-dev-tool-price
evilmartians.com
Successful balance: gracefully and tactfully raising a dev tool price—Martian Chronicles, Evil Martians’ team blog
Sometimes, a shift in monetization strategies is necessary to keep a dev tool dream going. In this post, we outline when it's time to consider a shift, the steps to take beforehand, and a practical list for following through with a new pricing plan to ensure…
Второй докладчик на митапе Bites&Bytes в Лиссабоне — наш арт-директор Роман Шамин.
На примере нашего нового OSS-инструмента для работы с алгоритмом контраста APCA он расскажет, как создавать UI-темы из абсолютно любых цветов, не жертвуя при этом доступностью.
https://www.meetup.com/bites-bytes/events/295323429/
На примере нашего нового OSS-инструмента для работы с алгоритмом контраста APCA он расскажет, как создавать UI-темы из абсолютно любых цветов, не жертвуя при этом доступностью.
https://www.meetup.com/bites-bytes/events/295323429/
Начались продажи книги марсианского Head of Backend, Владимира Дементьева — "Layered Design for Ruby on Rails Applications". А мы продолжаем пробовать новые форматы в нашем блоге: в интервью Владимир расскажет, как создавалась эта книга, как он видит будущее Rails и как пытался убедить своего племянника попробовать Rails.
https://evilmartians.com/chronicles/it-deserved-its-own-tome-layered-design-and-the-extended-rails-way
https://evilmartians.com/chronicles/it-deserved-its-own-tome-layered-design-and-the-extended-rails-way
evilmartians.com
It deserved its own tome: Layered Design and the Extended Rails Way—Martian Chronicles, Evil Martians’ team blog
We talk about Principal Backend Engineer Vladimir Dementyev’s new book on crafting ultra-maintainable Rails apps, “Layered Design for Ruby on Rails Applications”. We delve into the book, the Extended Rails Way, the future of Rails, his attempts to convince…
Nano Stores, наш опенсорсный, суперкомпактный state-менеджер, подходящий для любых фронтенд-технологий, вызывает большой интерес у коммьюнити. Марсианка Нина Торгунакова рассказала о нем на недавнем митапе Peredelano Conf в Ереване.
Слайды тут: https://speakerdeck.com/ninoid/umnyie-nano-stores-ili-kak-my-sdielali-vieb-razrabotku-proshchie
Слайды тут: https://speakerdeck.com/ninoid/umnyie-nano-stores-ili-kak-my-sdielali-vieb-razrabotku-proshchie
Создали свой OSS-проект, получили несколько звезд на GitHub, но чувствуете, что будто застряли? На митапе Bites & Bytes расскажем, какие практические шаги помогут оживить проект и найти больше пользователей. Готовьте ваш синдром самозванца к испытаниям!
https://www.meetup.com/bites-bytes/events/295323429/
https://www.meetup.com/bites-bytes/events/295323429/
Марсианский бэкэнд-инженер Артур Петров хочет убедиться, что ваши HTTP-клиенты надежны и в них нет подводных камней: он написал целый гайд о том, как их создавать. А для всяких плюшек можно еще и отделять уровень клиентского кода от приложения. Пригодится, кстати, для клиентов, написанных на любой платформе и языке программирования (и подгадал ко дню программиста!)
https://evilmartians.com/chronicles/its-dangerous-to-go-alone-take-our-guide-to-the-ideal-http-client
https://evilmartians.com/chronicles/its-dangerous-to-go-alone-take-our-guide-to-the-ideal-http-client
evilmartians.com
It’s dangerous to go alone: take our guide to the “IDEAL” HTTP client!—Martian Chronicles, Evil Martians’ team blog
Essential techniques to ensure your HTTP clients are robust and configured to avoid pitfalls and insights on the benefits of separating the client code layer from the app. This guide isn't limited to backend apps (although most examples are in Ruby), the…
После конференции Rails World Владимир Дементьев решил максимально исследовать фулл-стек возможности Rails и Hotwire. В первой статье новой серии он объясняет, зачем и как именно применять частичное обновление DOM (morphing) с Hotwire Turbo, чтобы улучшить UX фулл-стек приложений на Ruby on Rails.
https://evilmartians.com/chronicles/the-future-of-full-stack-rails-turbo-morph-drive
https://evilmartians.com/chronicles/the-future-of-full-stack-rails-turbo-morph-drive
evilmartians.com
The future of full-stack Rails: Turbo Morph Drive—Martian Chronicles, Evil Martians’ team blog
Learn why and how to use DOM morphing with Hotwire Turbo to improve the UX of your full-stack Rails applications.
Tailwind CSS быстрый и простой, иначе не стал бы таким популярным инструментом. Но когда растет приложение, то и списки классов тоже, и однажды в код может прийти хаос. Статья Нины Торгунаковой поможет избежать такой ситуации: несколько полезных практик и вы всегда на высоте с Tailwind CSS!
https://evilmartians.com/chronicles/5-best-practices-for-preventing-chaos-in-tailwind-css
https://evilmartians.com/chronicles/5-best-practices-for-preventing-chaos-in-tailwind-css
evilmartians.com
5 best practices for preventing chaos in Tailwind CSS—Martian Chronicles, Evil Martians’ team blog
Tailwind CSS has become a very popular CSS framework, and it can speed up development. But using it without proper caution can add mayhem to your code. Learn best practices to avoid getting swept away!
Во второй статье новой серии Владимир Дементьев показывает, как можно вдохнуть новую жизнь в Rails-приложения, быстро и просто добавив плавную анимацию для перехода страниц с помощью Turbo и View Transitions API.
https://evilmartians.com/chronicles/the-future-of-full-stack-rails-turbo-view-transitions
https://evilmartians.com/chronicles/the-future-of-full-stack-rails-turbo-view-transitions
evilmartians.com
The future of full-stack Rails II: Turbo View Transitions—Martian Chronicles, Evil Martians’ team blog
Learn how to enhance your Turbo applications’ UX with View Transitions
В новой статье фронтенд-инженер Даня Козлов рассказывает, как заставить Tailwind поладить с переменными CSS, цветами OKLCH и динамическими темами. Используйте надежные и предсказуемые темы, плотнее работайте с дизайнерами, смотрите, что еще можно выжать из цветовых пространств — и перестаньте соглашаться на одни и те же старые палитры!
https://evilmartians.com/chronicles/better-dynamic-themes-in-tailwind-with-oklch-color-magic
https://evilmartians.com/chronicles/better-dynamic-themes-in-tailwind-with-oklch-color-magic
evilmartians.com
Better dynamic themes in Tailwind with OKLCH color magic—Martian Chronicles, Evil Martians’ team blog
We make Tailwind CSS play nice with CSS variables, OKLCH colors, and dynamic themes. Get reliable, predictable theming.
Продолжаем эксперименты с Midjourney: теперь Марсиане из разных команд — фронтенд, бэкенд, дизайн, менеджеры — попробовали AI для создания обложек к своим статьям. Дизайнер Глеб Строганов рассказывает о результатах и разных мнениях и дает чеклист, как это можно сделать максимально эффективно (и, конечно, красиво).
https://evilmartians.com/chronicles/midjourney-vs-human-illustrators-ii-more-martians-join-the-battle
https://evilmartians.com/chronicles/midjourney-vs-human-illustrators-ii-more-martians-join-the-battle
evilmartians.com
Midjourney vs. human illustrators II: more Martians join the battle!—Martian Chronicles, Evil Martians’ team blog
Witness an emerging field, and how a team of professionals is experimenting in that field (while maintaining their humanity and eye for quality as much as possible). Plus, practical starting steps for the uninitiated!
Благодаря опенсорсным serverless-решениям время огромных счетов на PaaS, пожалуй, подходит к концу. CEO Марсиан Ирина Назарова рассказывает, как за счет комбинации AnyCable, Next.js и Vercel получить масштабируемое и удобное в обслуживании решение для организации real-time фич в приложениях. Деплой всего одной командой!
https://evilmartians.com/chronicles/diy-paas-serverless-real-time-with-one-command
https://evilmartians.com/chronicles/diy-paas-serverless-real-time-with-one-command
evilmartians.com
DIY PaaS: serverless real-time with one command—Martian Chronicles, Evil Martians’ team blog
Choose a scalable and maintainable real-time solution today to stay happy and productive tomorrow. Consider an open source service you can run on a modern cloud with one command as an alternative to expensive PaaS.
Поднимите руку, кто считает, что фронтендерам алгоритмы не нужны? Вы ошибаетесь! Статья Юрия Михина рассказывает, как они помогли в разработке Figma-плагина Polychrom, чтобы интерфейс работал гладко, не зависая при работе с большими древовидными структурами данных.
https://evilmartians.com/chronicles/figma-plugin-api-dive-into-advanced-algorithms-and-data-structures
https://evilmartians.com/chronicles/figma-plugin-api-dive-into-advanced-algorithms-and-data-structures
evilmartians.com
Figma plugin API: diving into advanced algorithms & data structures—Martian Chronicles, Evil Martians’ team blog
When developing a Figma plugin, one may encounter issues not covered by the official documentation. For example, making Polychrom, a supercharged UI-text readability plugin, needed innovative solutions, like applying algorithms and tree traversal techniques.…
“Могу ли я поставить true для
https://evilmartians.com/chronicles/freezolite-the-magic-gem-for-keeping-ruby-literals-safely-frozen
frozen_string_literal
для всего Ruby-кода в проекте? А то RuboCop все время меня достает, когда я забываю!” Теперь можно! Новый гем Freezolite от Владимира Дементьева позволяет замораживать литералы по умолчанию в рамках проекта.https://evilmartians.com/chronicles/freezolite-the-magic-gem-for-keeping-ruby-literals-safely-frozen
evilmartians.com
Freezolite: the magic gem for keeping Ruby literals safely frozen—Martian Chronicles, Evil Martians’ team blog
Introducing the freezolite gem, which helps enable frozen string literals by default in Ruby projects on a per-folder basis.
Как построить бизнес на основе проекта с открытым исходным кодом? CEO Марсиан Ирина Назарова делится пятью моделями, которые, к счастью, не включают вариант "некоммерческая организация работает по крупному контракту от корпорации". 🤯
https://evilmartians.com/chronicles/extremely-open-and-incredibly-close-should-you-go-open-source
https://evilmartians.com/chronicles/extremely-open-and-incredibly-close-should-you-go-open-source
evilmartians.com
Extremely open and incredibly close: should you go open source?—Martian Chronicles, Evil Martians’ team blog
Every founder building for developers must inevitably consider if the product should be open sourced. And if so, how to approach this from the financial perspective? We share a detailed list of open source business strategies.
TestProf, инструмент для профайлинга медленных Ruby-тестов (в Ruby же тормозят только тесты, так?) возвращается и становится еще круче! Владимир Дементьев в статье обещает новые функции, меньше времени на feedback loop и полезные советы по разгону тестов.
https://evilmartians.com/chronicles/test-prof-3-guided-and-automated-ruby-test-profiling
https://evilmartians.com/chronicles/test-prof-3-guided-and-automated-ruby-test-profiling
evilmartians.com
TestProf III: guided and automated Ruby test profiling—Martian Chronicles, Evil Martians’ team blog
TestProf is back with new features and tips for hunting slow Ruby tests and improving the developer experience by reducing feedback loop times.
Фронтенд — это не только про код. Иногда это еще и последний шанс для проекта не выпустить на прод недостатки в дизайне. И поэтому фронтендеру очень полезно помогать дизайнеру и разбираться в дизайнерских практиках. Марсианка Нина Торгунакова выбрала для этого семь лучших.
https://evilmartians.com/chronicles/care-beyond-code-7-best-design-practices-for-frontend-developers
https://evilmartians.com/chronicles/care-beyond-code-7-best-design-practices-for-frontend-developers
evilmartians.com
Care beyond code: 7 best design practices for frontend developers—Martian Chronicles, Evil Martians’ team blog
Frontend can be about more than just code—we’re also the last bastion helping our teams against pesky design bugs! We share 7 best design practices for frontend engineers.
В каноничной стартап-паре из хастлера и хакера заниматься интерфейсом обычно выпадает технарю. Советами о том, как подступиться к дизайну UI, если вы CTO, технический директор или просто разработчик, делится арт-директор Марсиан Роман Шамин.
https://evilmartians.com/chronicles/pen-paper-ide-a-devtool-founders-early-stage-design-guide
https://evilmartians.com/chronicles/pen-paper-ide-a-devtool-founders-early-stage-design-guide
evilmartians.com
Pen, paper, IDE: a DevTool Founder’s early-stage product design guide—Martian Chronicles, Evil Martians’ team blog
If you’re a technical founder: a CTO, technical CEO, VP of Engineering, or any type of engineer, and now the UI is in your court, this post is for you. We’ll discuss ways to save money and create an MVP without a designer.
При разработке нашего Figma-плагина Polychrom мы столкнулись с серьезной проблемой смешивания цветов. Но фронтенд-инженеру Юрию Михину все-таки удалось ее решить: пришлось отказаться от итеративного подхода и перейти к «декларативному», в котором используется SVG и Canvas API.
https://evilmartians.com/chronicles/figma-plugin-magic-tricks-mixing-colors-with-svg-and-canvas-api
https://evilmartians.com/chronicles/figma-plugin-magic-tricks-mixing-colors-with-svg-and-canvas-api
evilmartians.com
Figma plugin magic tricks: mixing colors with SVG and Canvas API—Martian Chronicles, Evil Martians’ team blog
During development, sometimes the obvious solution doesn’t work. In those cases, you need some problem solving magic tricks. That's exactly how we used SVG and the Canvas API to successfully recreate color blending mechanics for our UI-text readability Figma…