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

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

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

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

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

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

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

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

Кого вы читаете? Расскажите про любимые тг каналы? Кто прям в топах, чьи посты не пропускаете? Свои кидать не надо, мне правда интересно, кого вы читаете) Не обязательно среди дизайнеров, накидайте реально любимые каналы и расскажите почему ↓

Читайте, что подписываете Однажды мне под видом «обычной формальности» пытались подсунуть док о неконкуренции, который был сформулирован настолько плохо, что по формулировкам я не мог заниматься дизайном вообще никогда. А когда я сказал, что такое нельзя подписывать, как аргумент мне привели, что ребята уже подписали, ток ты остался, не выебуйся 🤡 Док я не подписал, но узнал, что есть довольно много людей, которые подписывают все, что им присылают, особенно если это кто-то уже знакомый и «безопасный». Так вот, чуваки, читайте абсолютно всю хуйню, что подписываете, даже если это «обычное НДА» и «просто формальность». ➡️ Логичный вопрос зачем Тут есть две причины и одна из них очевидная. ➡️ Можно подписаться под очень неудобные условия, которые норм так попортят вам потом карьеру. За годы в дизайнах я насмотрелся на разные договоры и много кто пытается оставить дизайнера без трусов. Вот тебе запрет на работу с проектами в такой сфере, вот тебе НДА до твоей смерти, а за каждое нарушение штраф в два ляма долларов. И тут житуха дизайнера кажется уже не такой яркой. Запомните главную мысль — любой договор должен защищать две стороны. То есть кроме ебейших штрафов в договоре должны быть указаны условия оплат, бенефитов и всего остального, что вам пообещают в переписках. И обсуждать договоры нормально. Даже если вы пиздец как ищете работу джуном и пытаетесь устроиться лично к Альтману. Не факт, что получится продавить какие-то пункты, но надо хотя бы четко и однозначно понимать, что вы подписываете. Повторю еще раз — любой договор это двусторонний документ, где должны быть отражены интересы обеих сторон. ➡️ Второй не самый очевидный пункт, это качество подготовки договоров. Сейчас каждый второй экономит на хороших юристах и загоняет все в ЛЛМки, а потом появляются пункты «давайте я сделаю презентацию по этой теме?». Тут риски те же: можно подписать полную чушь и потом думать, как с этим разгребаться, если возникнет недопонимание. ➡️ А как быть если вы не шарите Тут варианта всего два: дорогущие юристы или хотя бы любая современная ллмка. Закиньте в нее договор и попросите подсветить узкие и рисковые места, почелленжите док с ней. На всякий лучше убрать все личные данные вас и компании, перед тем, как закидывать) ⭐️ А теперь самопроверка, поставьте голубя 🕊 те, кто знает в течение какого времени и на каких условиях можно разорвать ваш текущий контракт. И хот-дог 🌭, если на все воля божья. ——— ☝️ А что, если...

Теперь к действительно важным вещам Если у посудомоек есть автооткрытие дверцы, почему у стиралок нет, чтобы вещи не затухали, пока активно вайбкодишь... UPD: я сперва написал пост, потом погуглил. У самсунга есть пару моделей с автооткрытием на стиралках, но они походу стоят как будто там кореец лично открывает ее 🥲 ——— ☝️ А что, если...

Давайте померяемся письками Чем больше я общаюсь про работу со знакомыми и друзьями, тем больше я понимаю, насколько у всех все по-разному в плане бенефитов и приколюх помимо зп. У нас в resume.co, например, анлим дейофы и отпуски, чтобы люди сохраняли ворклайфбаланс. А еще можно поехать к коллегам в другую страну поработать и потусоваться и это скомпенсят по билетам, жилью и даже еде. Плюс к этому у нас супер поощряют пет-проекты и раз в квартал общим голосованием разыгрывается приятная премия за лучший пет. Еще есть бюджет на покупку всякого по обустройству своего рабочего места. Про всякие компенсы тулов, курсов, англов и тд и говорить конечно нечего, это как будто база. А самое клевое, что все это без миллионов согласований, на многие штуки прописаны бюджеты с авто-апрувом, просто закидываешь счет в систему и оно компенсится. А расскажите, чем балуют вас работодатели помимо зп? Что самое прикольное из бенефитов вы получали от работодателей? ——— ☝️ А что, если...

Наконец победил тесловодов Так получилось, что я живу возле абсолютно бесплатной зарядки электромобилей, но она постоянно занята вонючими тесловодами. В приложении подписаться на обновления нельзя и чтобы узнать статус зарядки, надо каждый раз открывать-закрывать тормозное приложение. Обуться, накинуть куртку и доехать до зарядки мне в среднем 6-7 минут, что неприлично долго в погоне за халявным электричеством. К счастью, мы живем в прекрасное время, где без знаний кода можно собрать себе бот, который будет ходить в публичное АПИ, спрашивать че там по статусу и присылать уведомлением на телефон. Пара тройка промптов и я самый быстрый, а главное экономный парень на деревне! И самый кайф, когда бот погоняется некоторое количество времени и соберет дату, можно будет выделить паттерны по загруженности, среднему времени зарядки и предсказывать когда туда есть смысл ехать, а когда не стоит соваться из-за скорости других участников этой гонки. Современные времена требуют современных решений! ¯\_(ツ)_/¯ ——— ☝️ А что, если...

Новый вид постов в Телеге работает через жопу Идея с расширенной версткой постов норм, но реализация пока полное говно. Паша, гони в шею своих тестеров. Отложка не работает (!) Если верстать новомодный пост и пытаться закинуть его во встроенную отложку — вас прокинут на хую разработчики Телеги и отправят мнгновенный пост в канал. Сразу подумал мож я не туда нажал, а потом второй раз внимательно наступил на те же грабли. Абзацы склеиваются в один Хз, мож не баг, а фича, но тогда еще хуже. Сколько переносов строк ни вставляй, итоговый текст пришлется одним полотнищем. Выглядит это как кусок нечитаемого говна, из-за чего теряется смысл делать лонгриды этой залупой, которую для них и создавали. Редактирование работает через раз Когда хочешь добавить спойлер на существующий текст через редактирование, только великий рандом знает, сохранится это или нет. Кароч придется возвращаться в доисторические времена и верстать посты сперва в Saved и оттуда пересылать в канал без отложки. Ну и ждать пока еще придумают новые скам-подарко-механики, вместо фиксов очевидных багов. ——— ☝️ А что, если...

В Тредс добавили клевую вишенку к футбольным развлекухам В шапке летают флажки Испании в зависимости от положения акселерометра, ну кайф! ——— ☝️ А что, если...