Женя Белодед ↯ Дизайн • Продукт • Управление

Паштет, сделай, пожалуйста, смену времени с помощью стрелочек вверх/вниз на клаве, ну еб твою мать, это же базовая доступность... ——— ☝️ А что, если...

конец 2026 > ракеты в космос как за пивом летают > с помощью нейронок можно за промпт собрать сайт > уровень графики ллмок неотличим от фото тем временем самый среднестатистический европейский бизнес ¯\_(ツ)_/¯ На самом деле нереально кайфую натыкаясь на такие сайты — заставляют поностальгировать по временам, когда сайты собирали в фотошопах и флеше) ——— ☝️ А что, если...

Перестаньте переносить текст в макетах через Enter Поговаривают, что для дизайнеров, которые переносят текст через Enter в макетах, есть отдельный котел в аду. Если я такое вижу у кандидата к найму, это сразу отказ, потому что человек не понимает, что с этим невозможно работать ни дизайнерам, ни разработчикам. AL ломаются, верстка перестает адаптивиться, а при переносе в разработку это все надо чистить. Ну если не хотите висящие предлоги, поставьте неразрывный пробел на маке с помощью «control + пробел». Или просто поставьте любой из миллиона плагинов, который пофиксит весь текст на фрейме в одну кнопку. Или вообще хер забейте на эти висящие предлоги, лишь бы макеты не ломали... ——— ☝️ А что, если...

Добавляю микро-анимации в резюме.ко Чет я совсем не рассказывал, что делаю в резюме, а у нас там много всякого прикольного, исправляюсь) Последнее время, например, развлекаемся с Клодом по микро-анимациям, чтобы продукт ощущался кайфовее и живее. При этом стараемся не перепердеть и найти баланс. Тут вот ховеры подсобрал на блок в карточке вакансии. Деталь, которую никто никогда в жизни не увидит — скелетон при каждом наведении меняется на новый, будто каждый раз заново переписываем текст, что соотносится со смыслом блока. Мелочь, а приятно. По крайней мере мне 🙃 ——— ☝️ А что, если...

Зачем продавать вайбкоды… …если кто угодно может навайбкодить бесплатный аналог? На днях обсуждал со знакомым идею пытаться продавать вайбкоды. Его поинт был в том, что это сложно и бессмысленно, ведь кто угодно может сделать тоже самое, да еще и под себя. Да, но нет. Есть миллионы людей, кому вайбкоды в хер не всрались Да чего уж там, есть люди, которые даже нейронками не пользуются. Когда вы варитесь в айтишно-современно-технологических кругах, может показаться, что все вокруг такие. А на самом деле нет — есть много людей, которые трудятся на заводах и знать не знают ничего про токены, деплои и другие радости начинающих вайбкодеров. При этом, у них есть свои задачи, которые надо решать. Например, резюме составить, чтобы на новый завод пойти. А для этого надо найти сервис какой-то, который поможет это клево сделать. И тут уже наперед вылазят маркетинг, фичи, продажи и без разницы как именно оно сделано. Вайбкоды ≠ один-два промпта В интернетах только и пишут, как за один промпт получилось сделать *подставьте сюда любой никому ненужный бенчмарк*. Но если что-то создавать продуктово и осмысленно, это не самый простой и быстрый процесс. По пути много проб, ошибок, исправлений, тестов и гора потраченного времени, чтобы получить нужный результат. Да, какие-то простые штуки можно и правда легко собрать за пару промптов и оно будет работать. Такое продавать сложно, но можно, зависит уже от упаковки. Проще продавать то, где нужны усилия и итерации во время производства. Что-то, за что проще заплатить N баксов, чем самому сидеть мудохаться. Например, можно из молока часами делать творог, а можно просто пойти и купить пачку готового творога. Потому что время — деньги. И если ценность превышает затраченное время, а стоимость не превышает ценность, формула складывается в успешный продукт, который приносит деньги. Так что никого не слушайте, делайте свои продукты и продавайте) ——— ☝️ А что, если...

Хорошему спецу все не похеру На выхах я полдня крутил гайки в машине и в очередной раз убедился, что быть рукожопом не страшно. Страшно когда плевать. Рассказываю, матерюсь и в конце провожу параллели с дизайном) Вне работы у меня сейчас есть один большой проект без этих всяких вайбкодов, нейронок и даже дизайнов (ну почти). Я собираю машину для дальних поездок, чтобы потом кататься по миру, смотреть на океаны с горами и делать вайбовые фоточки с видосами. (нативная интеграция инсты) И когда я покупал машину, в ней была музыка. Не музыка, которую спроектировал производитель, а прям МУЗЫКА. В задней части машины были наколхожены короба с динамиками, которые мало того, что выглядели так себе, так еще не работали и мешали спать в машине. Я их демонтировал и в процессе прям охерел с того, как это все сделано. В коробе были СУКИ́ деревьев! Буквально, прям обычные ветки, прикрученные мебельными саморезами к кузову машины. И ладно бы это делал Вася в гаражах, чтобы музыка такая тыц тыц погромче была, за эту шляпу кто-то заплатил несколько тысяч евро в компании, которая специализируется на звуке! Но самое страшное, тот, кто это делал даже не попытался сделать хорошо. Когда я с таким сталкиваюсь, я пытаюсь побыть адвокатом этого человека и найти хоть какие-то причины сделать так, а не иначе. Но тут у меня нет объяснения, кроме как просто «похуй, и так сойдет». И такого бесконечно много в сфере услуг, вы это и без меня знаете. Но вот, что этим постом кажется важным сказать: если становится плевать — надо с этим что-то делать. Уходить, менять работу, искать что-то новое, находить новые приколюхи, которые будут драйвить. Потому что если вам похуй на то, что вам похуй — это жопа. ——— ☝️ А что, если...

Почему еще ни один сервис не додумался давать редактировать дату платежа В подписках есть одна оч раздражающая штука, кроме того, что постоянно снимают деньги. Это дата, когда их снимают. Она всегда зависит от даты подписки на сервис и это довольно неудобно для управления финансами. Я бы хотел сделать день оплат, когда меня все одновременно скамят на свои супер полезные аппы и дальше целый месяц не страдать от рандомных списаний. Но еще походу ни один сервис не додумался менять дату списания денег. А жаль, было бы удобно( ——— ☝️ А что, если...

Наконец-то выдали настоящее удостоверение дизайнера! Теперь фигма в разы быстрее открывается

Седня чуть поработал с видом на горы. А в каких вы необычных местах работали?)

Есть два стула в работе с агентами. Обновляю сайт ч.5 Я довольно много всякого насмотрелся в вайбкодах и пришел к тому, что есть две крайности работы с агентами. Первый — оч долго обсуждать и собирать полную спеку → результат → точечные допилы Второй — отрезать все, что можно, обсудить минималку → результат → итерации И если раньше первый вариант работал лучше, сейчас как будто лучше идти по второму сценарию. Чем больше у модели инструкций и контекстов, тем больше она может начать сходить с ума из-за попыток жесткого соблюдения правил. Взять, например, обновление моего сайта. Раньше я бы сидел детально разгонял планы че где и как должно работать, чтобы собрать максимально полную спецификацию по страницам и сущностям, потом сказал бы делай и надеялся на норм результат. Но с моделями которые актуальны на момент выхода поста, я пошел по другому пути. Я дал ей общий контекст + главная страница + простенькая админка. А дальше уже итерациями буду наслаивать блог, линковки и другие страницы. Так у меня получается куда более предсказуемый результат, главное в общей спеке заложить ключевые моменты, которые могут повлиять на общую ближайшую архитектуру. Иначе можно начать делать двойную работу пересобирая стеки под новые штуки. Правильно или неправильно тут нет, истина как всегда где-то посередине и конечно тут нужны балансы между обеими подходами. А на картинке первая обновленная версия сайта по рефу на старый сайт без доступа к консоли и mcp фреймера. Пока не оч похоже на текущий, но так задумано) ——— ☝️ А что, если...

Ты вайбкодишь неправильно … а я вот правильно, лох! Такие коменты можно встретить примерно под любой заметкой про подходы к вайбкодам и это довольно интересно. Потому что с двумя одинаковыми моделями и даже подходом, далеко не всегда можно получить равный результат. В итоге получается, что каждый дрочит как хочет, но уверен исключительно в своей правоте. То, что работает у вас, не работает для других. Поэтому нет смысла бездумно брать чужие скиллы и юзать их в надежде, что у вас будет так же круто как у того, кто его опубликовал. Хотя бы потому скилл уже десять раз доработался, пока вы интегрировали его в свой проект. Здесь нет волшебных таблеток, тут надо прям сидеть и создавать эту химию под себя и под каждый конкретный проект. А объяснять свои взаимоотношения с вайбкод-машиной примерно так же, как объяснять чувства между людьми. ——— ☝️ А что, если...

Все админки сайтов — говно. Обновляю сайт ч.4 Когда перетыкал все возможные форматы CMS для сайта, я пришел к выводу, что все это полная неюзабельная херня и, кажется, я придумал как это гениально и очень элегантно решить. Все админки сложные. Туда напихано буквально все подряд: от штук, которые нужны раз в три года, до самого частотного и важного — создание записей и страниц. И складывается ощущение, что админки делают люди, которые сами никогда не публиковали контент. Каждый раз это куча действий и сопротивления: надо открыть админку, залогиниться, найти нужный пункт в меню, сверстать запись, указать все параметры к публикации, посмотреть в превью, опубликовать, посмотреть, что ничего не сломалось, написать пост в канал, что чет вышло… короче жопа. А с телефона это вообще анрил. И тут я подумал зайти от обратного. Я уже пишу и публикую посты в телеге относительно регулярно и научился это делать в любом состоянии с любого устройства. А что, если связать Телеграм канал с админкой сайта? Чтобы нужные посты сразу уходили на сайт в нужное место и категорию. Так я сделаю канал первоисточником, потому что короткий формат записей мне проще дается, чем писать огромные заметки. А уже из коротких постов можно будет потом складывать большие. И делается это довольно несложно. Надо собрать бота, который будет слушать канал и по определенным признакам носить нужные записи в нужные места на сайт. И для этого идеально подходят теги, по которым можно распределять записи. Вроде даже с редактированием постов должно работать. А уже всю низкочастотную шляпу можно оставить в админке. Или и вовсе сделать тг бот с полной админкой. Кароч надо пробовать, тестировать сперва буду на тестовом канале, а как соберу, покажу как все работает) ——— ☝️ А что, если...

Самый кайф в вайбкодах Больше всего в этих ваших вайбкодах я люблю превращать все в конфигуратор с набором параметров. А дальше играться с ползунками и кнопочками, пока не получится натыкать нужный результат. Например, я так собирал анимацию загрузки страницы со всякими скелетонами и фоновыми подгрузками, где надо было забалансить все анимации по таймингам. Чтобы не жечь токены, я вынес тайминги в параметры и дальше ползунками все полировал, чтобы оно все со всем дружило. После чего скормил итоговый результат Клоду и сделал эти параметры по умолчанию. Или, например, собирал текстовую страницу для сайта, где много всяких загов, списков, таблиц, картинок и тд. И чтобы не объяснять Клоду, что и где он потерял во время переноса из Фигмы, я тоже сделал конфигуратор отступов, где быстро все со всем сдружил и закинул обратно. Чаще всего это в разы быстрее, чем писать точечные коменты по кругу, пользуйтес. ——— ☝️ А что, если...

План работ. Обновляю сайт, ч.3 Прежде чем что-то начинать вайбкодить, нужен план. Иначе все будет работать через жопу или вовсе не будет. Это не план для ллмки, это скорее этапность по которой я буду подходить к проекту. 1️⃣ Создаю проект, настраиваю инфраструктуру Создаю на компе папочку, даю все доступы, переношу некоторые md файлы с других проектов. 2️⃣ Разгоняю с Клодом общий воркфлоу и MVP работы Оч детально рассказываю ему чего хочу, тыкаю ссылкой на старый сайт, прописываю все ключевые разделы и как они должны работать. Здесь важно отрезать все, что отрезается, чтобы агент не натворил делов и не заблудился. Самая идеальная схема работы — двигаться итерациями, впрочем, как и обычно) 3️⃣ Собираю MVP на локалке, фикшу косяки по фронту на внешней части Получаю первые наработки, которые можно потыкать, там точно будет норм так косяков, итеративно и по чуть-чуть исправляю их. 4️⃣ Переношу контент Выгружаю из Фреймера все БД, чтобы потом скормить его Клоду и через скрипты сметчить с моими БД. Контент терять не хочется. 5️⃣ Прорабатываю ховеры, базовая отзывчивость Дальше буду полировать все, чтобы это было похоже на сайт. Всякие ховеры, ограничения по ширинам, проверка адаптивности и тд. 6️⃣ Добавляю вишенки и полирую детали Добавляю всякие мелкие приколдесы, точечные анимации. Например, ща в меню по наведению на десктопе появляются картинки. Есть мысли чего еще поделать в этом направлении. 7️⃣ Делаю нормальную админку Админка наверняка будет какой-то готовой и сложной, поэтому ее надо будет отдельно продумывать и оставлять только то, что мне нужно, там, где это нужно. 8️⃣ Оптимизирую и сеошусь Всякие пережатия картинок, видосов, чтобы оно все работало максы шустро. Отдельным слоем хочу уделить время сеошке, чтобы записи попадали в выдачу. 9️⃣ Выливаю в прод и отменяю подписку на Фреймер Деплоюсь на прод, все еще раз проверяю и думаю над улучшениями по новому циклу. Звучит страшно, но все это можно неспешными вечерами сделать за недельку, если все пойдет норм в процессе. ← ч.2 ——— ☝️ А что, если...

План работ. Обновляю сайт, ч.3 Прежде чем что-то начинать вайбкодить, нужен план. Иначе все будет работать через жопу или вовсе не будет. Это не план для ллмки, это скорее этапность по которой я буду подходить к проекту. 1️⃣ Создаю проект, настраиваю инфраструктуру Создаю на компе папочку, даю все доступы, переношу некоторые md файлы с других проектов. 2️⃣ Разгоняю с Клодом общий воркфлоу и MVP работы Оч детально рассказываю ему чего хочу, тыкаю ссылкой на старый сайт, прописываю все ключевые разделы и как они должны работать. Здесь важно отрезать все, что отрезается, чтобы агент не натворил делов и не заблудился. Самая идеальная схема работы — двигаться итерациями, впрочем, как и обычно) 3️⃣ Собираю MVP, фикшу косяки по фронту на внешней части Получаю первые наработки, которые можно потыкать, там точно будет норм так косяков, итеративно и по чуть-чуть исправляю их. 4️⃣ Переношу контент Выгружаю из Фреймера все БД, чтобы потом скормить его Клоду и через скрипты сметчить с моими БД. Контент терять не хочется. 5️⃣ Прорабатываю ховеры, базовая отзывчивость Дальше буду полировать все, чтобы это было похоже на сайт. Всякие ховеры, ограничения по ширинам, проверка адаптивности и тд. 6️⃣ Добавляю вишенки и полирую детали Добавляю всякие мелкие приколдесы, точечные анимации. Например, ща в меню по наведению на десктопе появляются картинки. Есть мысли чего еще поделать в этом направлении. 7️⃣ Делаю нормальную админку Админка наверняка будет какой-то готовой и сложной, поэтому ее надо будет отдельно продумывать и оставлять только то, что мне нужно, там, где это нужно. 8️⃣ Оптимизирую и сеошусь Всякие пережатия картинок, видосов, чтобы оно все работало максы шустро. Отдельным слоем хочу уделить время сеошке, чтобы записи попадали в выдачу. 9️⃣ Выливаю в прод и отменяю подписку на Фреймер Деплоюсь на прод, все еще раз проверяю и думаю над улучшениями по новому циклу. Звучит страшно, но все это можно неспешными вечерами сделать за недельку, если все пойдет норм в процессе. ← ч.2 ——— ☝️ А что, если...

Зачем мне нужен сайт и почему он не подходит для найма. Обновляю сайт, ч.2 Начнем с конца. Мой сайт плохо подходит под найм и, я надеюсь, очевидно, почему. Там нет кейсов)) Ну и в целом там довольно много всякого лишнего, что нерелевантно нанимающим менеджерам. И сделано это намерено, потому что я никогда не ставил перед сайтом задачу найма. А вот чтобы сформулировать, нахера мне сайт, пришлось норм так подумать) Если отвечать честно, у сайта нет каких-то задач. Мой сайт всегда был тупо песочницей для развлечений с инструментами. Кажется, у меня есть версии сайта на всем, что знает современный дизайнер: Тильда, Редимаг, Вебфло, Фреймер и сейчас будет навайбкожен. Но все же у меня есть образ результата, к которому хочется прийти. Я бесконечно уважаю людей, которые тянут свой сайт годами, пишут туда контент и ведут хронологию своей жизни и проектов. Например, Илья Бирман, Саша Бизиков, Женя Лепёхин и другие клевые чуваки, у которых каким-то неведомым для меня образом получается это делать. И, кажется, ключевая концепция, которая у меня откликается, это как раз сайт как слепок жизни и событий в ней. Чтобы можно было пронести это через десятки лет и по пути получить бенефиты такого формата. Эдакий текстовый дневник, только без настолько быстрого устаревания, как в Телеграме. А сейчас я каждый раз встречаю какое-то сопротивление при попытках что-то обновлять на сайте, потому что местами настолько тупо и через жопу все сделано, что даже браться не хочется. Именно поэтому мне кажется офигенно клевым собрать все под себя, чтобы сайт был живым и его было легко обновлять. Потому что я тоже живой и хочу, чтобы сайт отражал меня в моменте времени. ← ч.1 ——— ☝️ А что, если...

Если вдруг вас невероятно раздражает тупорылая звездочка, которая находится рядом с правой рамкой на каждом элементе, ее можно отключить. В настройках найдите «Show agents on canvas» и отожмите галочку. И ведь наверняка провели миллион исследований, метрики считают, радуются, как много людей пользуются...

Фреймер — всё! Почти год назад я оплатил год Фреймера, чтобы потыкать сам конструктор, а заодно сделать себе сайт. С Фреймером я потыкался, но сайт так и не доделал, потому что уперся в ограничения проектирования некоторых штук с базами данных. В сентябре подходит дата нового платежа и как будто нет смысла его продлевать, если можно собрать все вайбкодами под мои задачи с нужными приколюхами. А чтобы было интереснее, попробую рассказать, как я к этому подхожу, что получается, а что нет. ➡️ Текущие вводные Есть более-менее работающий сайт на Фреймере с плюс-минус норм дизайном, который я даже не буду поначалу менять. Из проблем: Говено сделана мобила и навигация в целом, новые записи неудобно добавлять, фильтрация и нумерация записей работает через жопу, часть страниц вообще уводит в Ноушн, потому что их не оч удобно было верстать на Фреймере. ➡️ Ключевые принципы, которые хочу заложить 1. Записи можно быстро и легко добавлять 2. Сайт должен быть живым в плане контента и легко масштабироваться 3. Нормальная скорость работы + индексация поисковиками А, да, важный дисклеймер. Сайт у меня не решает задачу найма, если бы я искал работу, я делал бы его иначе. В сл посте я попробую объяснить, зачем мне сайт и дальше начну развлекаться с этим и рассказывать о процессе. ——— ☝️ А что, если...

Эталон личного сайта дизайнера для найма Наткнулся на идеальный пример личного сайта какого-то чувака в Линкеде, который ищет работу. Тут прям целый набор того, что ОБЯЗАТЕЛЬНО должно быть у вас на сайте, если вы тру-дизайнер. 1. Блокирующий лоудер, который грузится вечность 2. Невероятно красивые анимации, а главное побольше 3. Работы спрятаны в 10 экране и показаны минимальными картинками 4. Белый текст на светлом фоне 5. Бессмысленная гора текстов 6. Сайт подлагивает даже на топовом маке 7. На мобиле даже открывать страшно 8. Ни одного описанного кейса И Саша, наверное, хотел как лучше. Показать, какой пердежный пердеж он умеет вайбкодить и может в технологии. Но личный сайт надо начинать задачи. Если это найм, стоит взять палку и бить себя каждый раз по рукам, когда хочется нахуевертить анимаций да побольше. На сайтах портфолио наниматели хотят видеть работы, а не какой вы крутой сайт сделали. Сань, сори, как есть. Приходи на консультацию, расскажу как делать норм) ➡️ Попытаться посмотреть

В Google Earth можно делать прикольные видосы с реальными 3д картами Для одной задачки хотел сделать шейдерную анимацию пролета между домами по городу и в процессе рисерча Клод мне посоветовал глянуть в Google Earth. Оказывается, у них там целая веб-студия, где можно собирать простенькие видосы с 3д городами на базе спутниковых снимков. Правда у одной из самых богатых компаний нет ресурсов сделать все страны в таком формате, поэтому Беларусь плоская, как юмор в этом канале. Зато можно как Спайдер-мен полетать по Нью-Йорку и узнать, что Земля все-таки круглая, если чуть отдалить камеру. Короче рекомендую позалипать! ➡️ Google Earth