Саша не кодит

Webflow-разрабы через 0.2сек после покупки Macbook PROLED теперь можно ломать композицию буквально голыми руками

Люблю такие приколюшные приколюхи на сайтах) вроде и фигня фигней, а что-то свеженькое

✅ Чек лист по мигрированию с Webflow После моего поста о переносе SaaS-сайта с Webflow на Astro несколько человек попросили меня бахнуть небольшой чек-лист по миграции. Ну что ж, ловите! Разбил весь процесс на этапы для удобства: Этап 1: Аудит и планирование ☐ Начните с Webflow MCP. Проверьте страницы, компоненты, CMS-коллекции, ассеты и языковые версии. Просто пишите "эй, клод, чувак, сделай по-братски аудит {этого} проекта". Ток MCP подрубите сначала. ☐ Решите, что переносить. Нет смысла тащить драфтовые страницы, устаревшие, экспериментальные на новый сайт. ☐ Жмакайте на Экспорт. Нам нужен код сайта, CMS-коллекции в CSV и все ассеты. ☐ Не забудьте про 301-редиректы. Они находятся в Site settings → Publishing. Экспортируйте их в CSV, поскольку MCP не имеет к ним доступа. хз почему ☐ Проверьте кастомный код. Как глобальный, так и на отдельных страницах. Иногда там можно найти много интересного 🙂 Мы вот отрыли неработающий куки банер от финсвита) ☐ Проверьте сторонние интеграции. Cookies, аналитика, пиксели, виджеты, поиск, CRM и всё остальное. Этап 2: Подготовка кода ☐ Почистите экспортированный код. За время разработки в Webflow обычно накапливаются неиспользуемые классы, дубли стилей, странные костыли и CSS, который давно живёт своей жизнью. Попросите AI-агента провести аудит и навести порядок. У нас количество стилей примерно на треть уменьшилось (синего на кнопках было только 5 оттенков 😅) ☐ Проверьте анимации и интерактив. Скорей всего ИИ перенесет все, но если у вас там чет специфичное - лучше подметить заранее. 💬 Продолжение в комментарии к посту

Немного рабочего в ленту. Добавили агента смита (ака ChatGPT в свою фигму и дали задачку текста махнуть на странице в макете) Результат на 2м скрине)

🌅 Миграция FirmRoom с Webflow на Astro + Sanity Обещал делиться как проходит переезд с Webflow реального проекта, поэтому вот что сделано на сегодня: • Вся верстка из Webflow переделана на Astro • Редиректы и сайтмап обновлены • Пересобран калькулятор цен с iframe эмбеда на кастом компонент. • Скомпилирована простенькая дизайн система, чтоб ИИ не придумывал новых стилей • Блог и все нужные CMS перекочевали в Sanity Осталось подкрутить калькулятор на обновленныый прайсинг, подрубить Cookie платформу (CookieYes, вероятно), сделать харнесс (визуальный чек, воркфлоу деплойев), залить проект на гитхаб и Cloudflare клиенту, сделать финальные проверки (Seo, Performance, оставшиеся от миграции хвосты, визуал) и дернуть рубильник —— Сложностей по пути не обнаружил) Claude на Opus 5.5. - использовал для планирования, sonnet 5.5 - для исполнения. Со стороны заказчика нужны только доступы в Sanity и Cloudflare чтоб запустить туда агентов для настройки.

Про метафоры в дизайне На днях заканчивали одну внутреннюю страничку для сайта, и не хватало только какой-то хорошей картинки в хиро секцию. Такой, чтобы и метафора хорошая была, и чтобы вписывалось хорошо, и чтоб без супер стремных артефактов. Перебрали минимум штук 6 вариантов, мне все не нравилось. Мои ребята уже наверное у виска крутили, мол, Петров совсем кукухой поехал. 😅 Но в итоге придумали метфору безопасной бухты, в которую входит одна моторная яхта и выходит парусная. Как бы символизируя безопасное движение средств. К чему я. В наше время метафоры - это по сути все, что осталось дизайнеру. И это ваша/моя/наша идентичность и почерк. как хотите. Самые крутые дизы, которых знаю - в 9/10 случаях выкидывают первую идею и продолжают генерить пока не получится хотя бы 4-5. Может ли ваш ИИ сгенерить сильных метафор? да хрен там плавал. ИИ даже не может выбрать рандомное число от 1 до 10, которое будет не в промежутке 6-8 (проверьте). Кожаные, мы еще потягаемся с этими железками! ха!

🥭 Изи формы в EmDash CMS. После перехода с Webflow вопрос с формочками заиграл новыми красками, ибо там все из коробки работало. но не беда. благо вездесущему интеллекту подвластна эта микроскопическая задачка. Оказалось, что в Emdash можно провернуть фокус с сохранением данных с формочек прям в отдельную коллекцию. Без танцев с бубнами, интеграциями и платными опциями. Кайф. А ведь можно еще накрутить каких-нить автоматизаций туда или нейроагентов (смитов) натравить чтоб разгребали/отвечали итп. пысы. на демке видно, что после клика по кнопке Submit - нет success state — не доработал)

🔥 Да начнется холивар Чел пишет коммент: мол понимают ли клиенты что там клод написал для их сайта? Что думаете? над чтобы человек понимал че там клод написал или нет? .... Вот есть машина, у нее есть двигатель. Надо тебе понимать как он работает или тебе надо доехать до бургер кинга какого-нить? Короче, что думаете?

Мои ребятки готовятся к самой жирной миграции проекта с Webflow на Astro + Sanity Как утро начинается с кофе (ну иль чаёчка) - миграция начинается с инвентаризации проекта и стратегии. Ибо шанс того, что вы что-то да провафлите крайне велик) Благо есть Webflow MCP (и не за пейволлом) - можно за минут 10-15 собрать практически все данные по проекту. Кроме 301 редиректов - их надо ручками выковыривать из проекта. Будуем тут делиться как оно идет 😅 одно радует - страницы не все переезжают.

про что-то новое 👻 Давно хотел себе взять девайс, с которого можно какую-то работу сделать на ходу, без привязки себя к ноуту... iphone 13 не хватает для всего, что мне нужно, увы) да и хотелось чет новое попробовать честно говоря. Apple как-то уже не вызывает эмоций даже "о, приколдес!" из опций было: 1️⃣ Айпад - таскать два устройства с собой ну не. даже мини. 2️⃣ Раскладуха на андроеде (у меня Oppo find n6) - это кайф. никакого неудобства перехода (ну, кроме установки всех приложух), кастомизируемость, неадекватная совместимость с яблочной экосистемой (можно на маке скопировать текст и вставить на трубке, есть аналог airdrop, можно использовать трубку как 2й экран, и еще куча приколюх) при адекватной цене. Кстати. кидайте ваши сайты в комменты - глянем ок ли они выглядят на фолде)

🔥 Cloudflare релизнули EmDash 1.0 — CMS для Astro-сайтов. Но штош. Эмдеш - БЕСПЛАТНАЯ система управления контентом на сайте, только заточеная исключительно на фреймворк Astro. Который принадлежит Cloudflare. Круг замкнулся) После Webflow или Sanity внутри выглядит, мягко говоря - слабовато. Но что имеем то имеем. А имеем много: • нативную интеграцию с Astro • Настройку доступов из коробки • Прекрасную инфраструктуру на Cloudflare • Плагины (как у Wordpress, только секьюрные) • MCP - эти три буквы должны быть в любом проекте. Ибо руками чет менять в CMS ну такое. Cloudflare заявляют, что занимаются догфудингом - их блог работает на Emdash. Знач в проде можно пользоваться. И, дабы не воздуханить, как блохеры - я сделал отдильный проект с дизайном чисто ради теста этой CMS. Буду рассказывать вам че понравилось а что нет. В комменте к посту напишу пару интересных замечаний 🌐 Почитать подробнее

Интереса ради прогнал через Opus 5.5. тот ж самый промпт что и на кодексе - разница, конечно пропасть...

Сайтец на GPT 6 ASTRA для сервиса по ремонту колясок Наконец поигрался с новой моделькой Open AI и начал собирать гипотетический, но максимально приближеный к реальности сайтик для сервиса ремонта колясок в Бангкоке) Пока только главную накрутил. Ваншотнуть такое не получится прям совсем, но фактуру Астра дает жизнеспособную, особенно если в голове есть видение того, как должна страница выглядеть. Еще допилю иконочки и будет прям красота.

Задумался, а что вообще будет с сайтоделанием теперь, когда кто угодно может собрать вполне себе нормальный сайт. Для многих платить студии за полный цикл, наверное, уже не будет иметь особого смысла. Есть ChatGPT, Claude, Lovable и куча других инструментов, с которыми можно довольно-таки далеко уехать (главное не головой хехе). Для небольшого продукта или компании этого иногда вообще более чем достаточно. Од-на-ко... я начал замечать одну штуку. люди собирают сайт, а потом в какой-то момент выясняется, что они пропустили кучу вещей, о существовании которых даже не знали. Где-то картинки весят по 5 МБ, Open Graph нет, alt-тексты пропущены, sitemap не обновляется, structured data отсутствует, заголовки на разных страницах живут своей жизнью и все в таком роде. А кто-то вообще хочет сделать сайт сам, но не понимает, с чего начать. Какой стек выбрать, как всё связать между собой, что нужно настроить сразу, чтобы потом не переделывать половину проекта.

Капец. Еще совсем недавно для такой графики на сайт понадобились бы стоки, кто-то шарящий за After Effects, ну и иллюстратор в довесок. Сейчас это один человек с ChatGPT (фотки), Kling (видео на фон) и Fable 5 (UI графика). Вот и все. Графика для страницы готова 😄 Удивительное время, конечно. \(O.o)/ пысы. вот такую красоту Катя загенерила. А человек в UI графику не сильно умел есчто). Если есть вопросы как че генерилось - пишите в коменты. Катя тут)

Иногда вот делаешь несколько вариантов, а потом всей своей командой сидишь выбрать не можешь ибо и то норм, и то норм 🙃

"сайт должен отображаться без артефактов на iphone Duo" - строчка в любом новом контракте на дизайн сайта после презентации Apple. 😅

ЧУР НЕ РУГАТЬСЯ 😅 Я иногда аутричу фаундеров и команды, у которых сайты на Webflow, Wix, Squarespace и тп. Но не чтобы втупую - влоб впарить свои услуги, а скорее понять, как у них всё устроено, что бесит, где болит, есть ли там потенциально что-то для нас. Короче, ресерч с небольшой надеждой на работу, но без всяких там «привет, у нас уникальное предложение специально для вас») Короче, недавно один фаундер ответил, мы немного разговорились. Компания у них уже несколько лет на Webflow, и я в какой-то момент просто спросил: "ну и как тебе вообще Webflow сейчас?' 😅 а он такой: 💬 Продолжим в комментах

🪄 После такого сложно возвращаться в билдеры типа Webflow Вчера зарелизили сайт Матемаркетинг. Точнее его первую сырую версию, чтобы ребятам было с чем ходить продавать, пока мы допиливаем оставшиеся части. Так вот. вечерочком мне прилетел скрин, что у нас SEO заголовок криво написан) Косяк! Так вот, раньше я или Катя логинились бы в Webflow, искали страницу, и обновляли там руками этот несчастный заголовок, потом паблишили сайт снова. Теперь же я просто вкинул это в кодекса, он прошарил репозиторий, нашел страницу с этим косяком - поправил и запустил деплой. После такого возвращаться в визуальную среду, мудохаться с названиями классов, спорить какой фреймворк лучше и тп - уже как-то кринжово. Именно так я вижу сайты следующего поколения. Ты что-то захотел/увидел возможность - вбил в чат - пошёл пить чаек.

Human-Computer Interaction был опубликован в 80х Похоже пора что-то подобное и для Human-Agent и Agent-Agent Interaction делать.