Сергей Турулин

Выпустили новый проект 🔥

Смотрите, как красиво, быстро и просто можно делать адресные таблички прямо в браузере!

Адобы, Фигма и Корел не нужны. CMYK, 2 страницы PDF нужного размера и крутой интерфейс.

Если вы работали в Курсоре, то после некоторых команд замечали всплывающие диалоги. Например, «Пользователь предпочитает говорить на ты» или «Пользователь предпочитает сам выполнять консольные команды». И вы кликали «Да», надеясь, что в следующий раз ИИ не будет что-то делать или будет делать лучше.

Так вот оказывается, у этого ИИ нет доступа к результатам этих диалогов. Сам ИИ сказал, что это только часть интерфейса. И зачем они — он не знает. А может не говорит? )))

Ещё забавно, как ИИ (прямо как человек!) после косяков пытается скорее что-то делать, лишь бы не объяснять ошибки. Хочет, чтобы я снова руками заполнил базу и мы продолжили «работу».

Контекст: ИИ опять предложил консольную команду для базы данных, которая ещё и очищает её. База была мне не нужна и я решил проверить, как ИИ будет это «объяснять».

Те, кто писал скрипты для Адоба, знают, как неудобно делать диалоговые окна: странные названия параметров, неинтуитивное поведение, передача параметров внутри строк. Курсор и ai-компания чатов фантазируют код, который не работает.

Так вот один добрый человек создал целый сайт для удобного создания диалоговых окон. Можно экспортировать и импортировать ранее созданные диалоги — https://scriptui.joonas.me/

С недавних пор сайт стал работать только через vpn. Но автор выложил на гитхаб код сайта, а я разместил его на свой сайтик. Так что пользуйтесь: https://scriptui.turulin.ru/

Сайт работает не во всех браузерах.

Онлайн-редактор PDF-генераторов

PDF-файл мы всегда получаем откуда-то: Иллюстратор, Индизайн или Ворд. Конечно, можно с нуля создать его в Акробате, но это будет целая история.

Чтобы генерить PDF-макеты без лишнего софта, делаем редактор прямо в браузере.

Сейчас готова главная часть — визуальный редактор с основными настройками: цвет, позиция, шрифт, выравнивание и привязки к другим элементам. И можно сразу получать PDF-файлы из «конфига».

Конфиг — это некое описание документа: какие элементы где и как располагаются. Что-то типа CSS для веба, но с возможностью более сложной привязки элементов. Можно привязать объект по горизонтали к одному объекту, а по вертикали — к другому.

Выглядит как компьютерная игра, но на самом деле сложные макеты так и устроены. Один текст выравнивается по правому краю. Остальные тексты — друг под другом. А бывает и привязка к группам, когда надо логотип выровнять по самому длинному тексту. Не проблема, теперь это всё сразу можно настроить.

Помимо отображения самого макета можно сделать любое количество превью со своими данными, где отображаются свёрстанные макеты. Каждый можно скачать без регистрации и смс. По умолчанию все тексты конвертируются в кривые и в PDF-файле даже нет следов шрифтов.

Вложил PDF-файл 😺😺😺, который тоже привязывается к другим элементам как стандартный элемент.

Можно будет прямо в браузере:
— делать самим макеты,
— подключать данные,
— генерить в один клик CMYK/RGB макеты.

Следующий этап разработки — делать вариантивные макеты по контенту.

А у меня пока ощущения от AI-ассистентов для программирования как от появления IDE в своё время (IDE — это среда разработки). Такой вот автокомплит нового уровня: не метод или свойство тебе подсказывает, а целый кусок кода. Если это стандартная штука, она заработает. И с проверкой поможет, и повторение кода подсветит. И потормозит в самый неподходящий момент.

Могут быть ошибки в генерируемом коде? Конечно! Как и в автокомплите могут быть ошибки: был метод в другом похожем месте и IDE предложила его. А не работает, упс. Импортировался файл по одному пути, а в другом месте уже не импортируется. Бывает, ок.

И самое интересное, что на скриптах для Адоба ни IDE, ни AI не работают эффективно. Чтобы заработал автокомплит в PhpStorm, мне пришлось создать свою библиотеку типов и постоянно расширять её. В Курсоре приходится скармливать файл с инструкциями (но всё равно не работает)))).

Но! это и есть нормальное (предсказуемое) поведение инструмента. Ты знаешь, что он умеет, а что не должен уметь. Конечно, ты попробуешь для прикола (и для соцсетей) наточить карандаш топором, но кроме лайков и опыта это не принесёт особой пользы.

Я знаю людей, которые до сих пор программируют в нотпадах, хоть и перешли на 2.0 для цветного форматирование кода :–). Думаю, и с ИИ многие не будут работать, потом что «они ошибаются». А надо-то просто адекватно оценивать инструменты.

Если вы работаете с ИИ, то наверняка писали ему инструкции, что надо делать, а что не надо. На каком языке писать, общаться с вами на «Вы» с большой буквы или тыкать, писать грамотно или неграмотно, и прочее.

Теперь помимо файла README.md в проекты я добавляю файл READAI.md, который прошу изучить ИИ в начале каждого чата.

Этот файл сгенерил сам ИИ для себя по итогам моих вводных инструкций в начале чата.

Вот вам пример файла. Пользуйтесь на здоровье!

Да, конечно. Это 👆 шутка про первые российские мобильные телефоны, которые были с наклейками вместо экрана. Но согласитесь, это всё-таки была уникальная продукция. CMYK — на смартфонах! Цмикфоны!

Кстати, этим летом исполняется 5 лет, как я занимаюсь автоматизацией полиграфического дизайна. И про разницу CMYK/RGB приходится регулярно говорить. И что вы не можете это математически пересчитать, а можете только заменить конкретными значениями.

На экране CMYK смотрится совсем не ярко. А так как PDF необходимо отображать в браузере для превью, у генератора теперь есть даже настройка цвета: можно указать RGB-цвет для превью в браузере.

С одной стороны это был «костыль», а с другой — генератор теперь нормально делает и RGB-макеты.

И чтобы сделать этот пост совсем странным, расскажу про маленькую программку.

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

Ну и почему бы не написать для себя любимого программку, которая делает именно то, что тебе нужно? Написал. И в отличии от других текстовых редакторов у меня даже есть галочка, которая позволяет заменить в тексте все «Вы» с большой буквы на с маленькой. И работает быстро, и грузится доли секунды.

Так возник свой маленький текстовый редактор HappyCoder.

Первые российские мобильные телефоны поддерживали CMYK-цвета.

Если вы понимаете, о чём я
;–)

#пятница

✨ Ищем новые проекты по автоматизации дизайна

Мы набили руку, увеличили пропускную способность, поставили курсор и теперь готовы взять ещё несколько проектов в работу. Поэтому ищем новые проекты!

Мы делаем генераторы для создания печатных макетов в вебе и пишем скрипты для индиза и люстры — автоматизируем граф. дизайн, чтобы вы не тратили время на вёрстку.

Нашими штуками пользуются корпорации, города, студии и самые разные ребята. Дизайнеров мы избавляем от ручной вёрстки и от задачи писать гайд, а менеджерам помогаем сэкономить сотни часов работы команды.

Обычно мы автоматизируем навигацию, расписания, объявления, визитки, КПшки, каталоги и всё, у чего есть шаблон. Рука набита, процесс настроен, обращайтесь.

Работаем с маленькими и большими заказчиками, по тендеру и по-нормальному, в РФ и по всему миру.

✨ Ещё даём бонус 10 % от суммы сделки, если вы нас посоветуете заказчику и у нас случится мэтч. ✨

Пишите на почту mail@anycraft.tech или в телеграм @omelekhin

———
Эникрафт — автоматизация графического дизайна и генераторы pdf-макетов в вебе

Выступил на конференции, теперь можно и поработать ;–)

Приходите к нам! По генераторам у нас выросли скорости разработки, улучшился рендер превью PDF-файлов в браузерах и главное! — появились автотесты генераторов PDF.

Заменили шрифт или настройки — проверим, отвалился кернинг — заметим, обновили цвета — сравним.

Был спикером на HolyJS и спросил на гриме: работала ли она на других программерских конфах, и большие ли мешки под глазами у JS-программистов? Ответила, что мешки под глазами у JS-программистов — ничто по сравнению с мешками у программеров на C++.

Интересно, у дизайнеров тоже можно зависимости найти? У каких дизайнеров мешки больше?

И почему ещё нет реестра мешков под глазами по профессиям? Куда смотрит ГОСТ?

От себя добавлю, что если нужны мешки под глазами, то только такие:

👁️ 👁️
💰 💰

Спасибо организаторам HolyJS @holyjs_channel, что позвали!

И отдельное спасибо Саше @korotaev_to_hard — у Саши классный канал про генеративную графику.