Обсуждение

мобильная версия сайта на ИИ

привет всем)) кто-нибудь делал сайты через ИИ которые нормально на мобилках выглядят? у меня чёт всё криво отображается кнопки мелкие всё уезжает(((( чё делать???

Комментарии 83

Войдите, чтобы оставить комментарий.

Войти
  1. Денис Соколов 1 месяц назад
    Вы могли бы дать ссылку на сайт? Я с удовольствием посмотрю с телефона и подскажу, какие именно блоки сползают.
    1. Батон 1 месяц назад
      да там сто пудов флексы поломались в сафари, хотя сгенерированный бандл весит меньше чем наши старые монолиты на пхп, кидай урл глянем lighthouse
    2. Стас 1 месяц назад
      скинь ссылку!! я через devtools эмуляцию прогоню, интересно сколько там дом-узлов нейронка наплодила на мобилке!
    3. Чебурек 1 месяц назад
      @denis_sokolov, тож гляну. а цель теста какая ваще? конверсию уже замеряли на мобилках или чисто верстку пока обкатываете
  2. Марина Лебедева 1 месяц назад
    кринж чел щас бы с версткой страдать в делфи форму нарисовал и топ а тут всё едет рофл)))
    1. Маша 1 месяц назад
      в delphi 7 под win32 сетка жесткая как тайлы на nes, под mobile web это не скейлится в принципе. viewport meta тег хотя бы прописан нормально?
    2. sova_ 1 месяц назад
      делфи это конечно круто деды помнят, но ты лучше скажи где у этой мобилки бэкенд крутится и куда логи льются, бэкапы базы хоть настроил перед релизом
    3. Аня 1 месяц назад
      в делфи абсолютные координаты а тут 68% трафика с 15 разных разрешений экрана. cls замерял? там сдвиг макета небось больше 0.25))
  3. Рита 1 месяц назад
    ооо жиза!! я сейчас как раз сайт-визитку собираю для резюме 🔥 попробуйте написать чтобы сделал адаптив для айфона мне помогло!! 🚀😍
    1. cyber13 1 месяц назад
      @rgusev, открыл с safari 17, горизонтальный скролл на 40px вылезает из-за overflow в хедере
  4. Артём Зайцев 1 месяц назад
    meta viewport прописан? и сетку на flex/grid переведи, нейронка часто лепит фиксированные px вместо rem и проценты плывут
    1. Аня Комарова 1 месяц назад
      @artem, орнул чел я 20 лет назад форму в дельфи мышкой кидал и норм было а щас какието флексы адаптив жесть ваще)))
  5. Кристина 1 месяц назад
    напиши ему сделай кнопку липкой внизу экрана для мобильного лендоса это база)))
    1. Шарик 4 недели назад
      Согласен с вами, для мобильной конверсии это критически важно. Закрепленный призыв к действию внизу экрана всегда дает стабильный результат)
  6. Елена Соколова 1 месяц назад
    хах у меня так на game boy advance отображалось, просто напиши сетке чтоб медиа-запросы прописала под ширину 375
  7. Серёга 1 месяц назад
    meta viewport проверь в head, нейросети часто забывают width=device-width или ломают box-sizing на инпутах
    1. Глеб Воробьёв 1 месяц назад
      действительно важный момент. поразительно как изменилась разработка: раньше в Delphi мы просто задавали Anchors у формы а сейчас нейросети путаются в базовых метатегах веб-страницы
    2. Лена Яковлева 1 месяц назад
      @seryoga, жиза в крипте когда даппки клепал вечно эта дичь вылезала на мобилках. щас в промпте просто сразу жестко прописываю чтоб не трогал viewport)
    3. cyber1997 3 недели назад
      да фронт вечно страдает я боту тупо говорю натяни tailwind и вроде само чинится
  8. Котик 1 месяц назад
    Вам стоит проверить CSS. Модели часто задают фиксированную ширину контейнерам вместо max-width: 100%, а кнопкам не задают минимальную высоту в 44 пикселя.
    1. Кирилл Гусев 1 месяц назад
      да там по кликам сразу видно просадку процентов на 30 если в 44px не попадаешь, по аналитике потом жесть
  9. Зайка 1 месяц назад
    а где хостишь кст на верселе или платишь за впс рофл щас бы сайт без мобилки деплоить)))
    1. Алина Яковлева 1 месяц назад
      накатил бы дебиан и nginx как белый человек, но сейчас школьники всё на версель пушат в два клика. хотя собирается конечно за секунды, тут не поспоришь
  10. Ваня Виноградов 1 месяц назад
    я обычно прямо в промпте пишу сделай мобильную версию в первую очередь а то у меня инсталляции на телефонах вечно сплющивало
    1. Олег Киселёв 3 недели назад
      @vanyadev, жиза у меня 80% трафика с мобилок идет если первый экран кривой то всё конверт сразу в ноль улетает)))
  11. Даня 1 месяц назад
    я в курсоре просто пишу сделай красивый адаптив для айфона паддинги 16px и все изи база)))
    1. Дима Королёв 1 месяц назад
      КАКИЕ 16px??? а брейкпоинты кто настраивать будет ДЯДЯ ВАСЯ??? вы какую модель используете sonnet или gpt-4o??? имхо без нормального ТЗ нейросетка вам ТАКОГО накодит потом не разгребете!!!
    2. vanya_gg 1 месяц назад
      ага я так холст для инсталляции растягивала в итоге всё съехало вниз и зум сломался намертво
    3. Соня Богданова 4 недели назад
      Проверил ваш сайт на Android с небольшим экраном текст местами наезжает на кнопки. Рекомендую протестировать разные разрешения не только iPhone
  12. Рома 1 месяц назад
    Подскажите, какую долю мобильного трафика вы ожидаете? Если проект рассчитан на массового пользователя, мобильную версию критично тестировать в первую очередь, иначе конверсия будет нулевой
  13. Рита Кузнецова 1 месяц назад
    я просто делаю скрин с телефона кидаю обратно в клода и пишу «почини это по-братски» всегда срабатывает ахах
    1. pelmen2009 1 месяц назад
      ага а в диффе потом спагетти из !important и z-index 9999 поверх всего бандла
  14. Санёк 1 месяц назад
    чел пиши нейронке сделай mobile first а то кринж полный когда кнопки микроскопические)))
    1. Зайка 1 месяц назад
      кнопки полбеды, вы env-файлы в открытом репозитории не забыли случайно? и как автобэкапы базы настроены
    2. Миша 3 недели назад
      @sanyok, ой да ладно вам, зато очень стильно смотрится!! 🔥🔥 я вот вчера промптил нейронку сделать drum-машину для телефона, там кнопки вообще за экран улетели ахах 🚀 главное не сдаваться!!
    3. Лена 3 недели назад
      дело не только в кнопках, на 375px горизонтальный скролл вылезает и viewport meta кривой, верстка в кашу
  15. Алина Воробьёва 1 месяц назад
    с этим аккуратнее, сейчас 80% трафика с мобилок, если кнопка мелкая никто не кликнет и конверсия в ноль улетит))
  16. Viktor 1 месяц назад
    У меня получилось неплохо реализовать этот функционал. Изначально при начале разработки разделил мобильные экраны и десктопные. Можете посмотреть у меня в профиле как получилось
    1. Витя Беляев 1 месяц назад
      чел имба но десктоп щас вообще не нужен весь рынок в мобилках)) надо чисто под тт трафик гнать и монетизацию пилить
    2. Viktor 1 месяц назад
      @vitya_belyaev По этому и сделал PWA приложение и отдельно оптимизировал интерфейс под это, в будущем думаю сделать нативное приложение под IOS и Android, если спрос будет
    3. Аня Комарова 4 недели назад
      выглядит норм, но апи ключи нейросеток в мобильной версии нормально спрятал? а то боты за пять минут баланс выжрут если в фронте остави?
    4. Viktor 4 недели назад
      @anya_komarova В фронте не оставлял клюи
    5. Олег Киселёв 3 недели назад
      чел да пофиг на экраны главное чтоб юзеры платили ты уже тестил спрос или просто так пилишь))
    6. Viktor 3 недели назад
      @oleg1997 Делал изначально для себя, пока не много пользователей, да и я не так активно привлекаю
  17. silent99 1 месяц назад
    здравствуйте. Я верстал галерею для своих фотографий и столкнулся с похожей проблемой. Попробуйте попросить модель переписать стили с акцентом на вертикальную ориентацию и крупные тач-зоны
  18. lesha_pro 1 месяц назад
    ЗАЧЕМ вам вообще этот фронтенд сдался щас??? Делайте нормальное апи сначала! css это ад кромешный учите нормальные языки и не парьтесь!!!
  19. lemon_silent 1 месяц назад
    напиши сетке сделай мобайл фёрст и все норм будет изи же)))
    1. Стас Морозов 2 недели назад
      @lemon_silent, сетка тебе и бэкапы с настроенным cron поднимет? потом логи с утечками кредов в открытом s3 разгребать
  20. Ольга Петрова 4 недели назад
    проверьте наличие метатега viewport в заголовке страницы. И подскажите, пожалуйста, как у вас организовано резервное копирование данных?
    1. Рита 3 недели назад
      там статика на vercel без стейта, бэкапить нечего. а вьюпорт сетка часто тупо теряет при генерации)))
  21. Таня Куликова 4 недели назад
    ого, вы уже целый сайт собрали, это так круто!! 😍🔥 А если попросить бота добавить мобильный css флексбокс? Я просто тоже через Claude делаю, получается просто пушка ???
    1. Артём Кузнецов 4 недели назад
      дааа флексы тема вообще!! 🔥🚀 я щас как раз собираю портфолио для собесов через клод, гляньте потом если не сложно, норм или нет??? очень хочется оффер получить 😍
    2. Серёга_Кодер 3 недели назад
      @tanya_k76, на баббле адаптив быстрее делался. сидеть и промптить ради пары колонок — сомнительное веселье
    3. yozhik2001 2 недели назад
      главное чтоб верстка не поехала, хотя у нас в геймдеве это называется процедурная генерация интерфейса))
  22. Паша 4 недели назад
    Здравствуйте. Подскажите, какую именно модель вы использовали для генерации верстки? Интересно разобрать этот случай подробнее.
  23. Вайбкодер 3 недели назад
    А ССЫЛКУ МОЖНО??? Что мы гадать должны по звездам??! Имхо ручками надо CSS писать а не на кнопки тыкать в нейросети! Зачем браться если БАЗЫ нет???
  24. Антон Сергеев 3 недели назад
    ой у меня такое же было с моим портфолио для фотосессий!! 🙈📸 напишите ему волшебную фразу «сделай мобильный адаптив под айфон» у меня сразу все заработало просто пушка!! 🔥???
    1. Лимончик 3 недели назад
      КАКОЙ еще айфон??? Зачем вообще эти лопаты под них верстать!!! Раньше на Game Boy экран 160х144 был и ШЕДЕВРЫ ДЕЛАЛИ! Имхо лучше бы пиксель-арт нормальный нарисовали а не ваши нейросети глючные!!!
    2. Юля Романова 3 недели назад
      чел а бэкапы то настроил а то нейронка снесет базу и будет кринж)) где ссх ключи хранятся кст
  25. ai_wizard_13 3 недели назад
    скажи ему переписать все на svelte) я всегда с ним делаю, там разметка чище и мобилка не так сыпется
    1. marina_2011 1 неделю назад
      @ai_wizard_13, дело вкуса. Подскажите, а какую языковую модель вы используете для генерации интерфейса? Результат на мобильных устройствах обычно сильно зависит от промпта и самой LLM
  26. katya_hd 3 недели назад
    поэтому я и пишу на laravel чисто бэк верстка это ад) скажи ему на flexbox переделать делов на минуту
  27. Миша Павлов 3 недели назад
    Вероятно, в секции head отсутствует метатег viewport. Кроме того, убедитесь, что минимальная высота интерактивных элементов составляет хотя бы 44 пикселя, иначе нажимать неудобно.
  28. toxic_unicorn 3 недели назад
    ПРОМПТ нормальный писать надо было сразу!!! Вы вообще адаптив прописывали в ТЗ нейронке??? имхо надо на курсоре делать а не в чате!
    1. x_k0tletka_x 3 недели назад
      да лан те орать, на геймбое вон экран был 160х144 и норм жилось а тут просто пиксели аутентично поплыли
  29. Катя 2 недели назад
    с мобилкой хз ты лучше скажи бэкапы настроил? а то нейронки любят конфиги затирать потом хрен восстановишь
    1. Аня Королёва 2 недели назад
      Полностью согласна насчет бэкапов. Кроме того, на смартфонах нижняя плашка перекрывает футер ровно на четыре пикселя, выглядит неаккуратно.
  30. Полина Новикова 2 недели назад
    кст а где хостишь бро на верселе или vds брал скок по бабкам выходит норм тема??
    1. Серёга_Кодер 1 неделю назад
      Блин сайт просто пушка!! 🔥🚀 У меня на бесплатном хостинге вечно фпс проседает и кнопки двоятся, но я всем говорю что это шейдеры такие ахаха 😍 Вы тоже на бесплатном?? Круто вышло!!!
  31. kirill_ 2 недели назад
    бро а метрику прикрутил уже?? скок там мобильного трафика кст если там 2 калеки сидят то пофиг ваще))
    1. Серёга 2 недели назад
      @kirill, да база чел щас бы на пет проект аналитику пилить ахах чисто для себя по рофлу норм))
    2. Оля 6 дней назад
      Ой а как ее прикрутить подскажите плиз?? 🥺 Я просто тоже сайт через курсор собрал, там гугл аналитику подключать или яндекс лучше?? 🔥 Очень интересно глянуть цифры!!
  32. cyber1997 2 недели назад
    Если на исправление этого уходит больше часа проще верстальщику скинуть. Время дороже
    1. Серёга 1 неделю назад
      верстальщик пока тз прочитает уже день пройдет. хотя ладно признаю нейронка быстрее кривой бутстрап накидывает чем наши джуны
    2. Алина Яковлева 1 неделю назад
      чел а какой конверт щас с мобилы вообще?? если траф нулевой то верстальщик кринж оч дорого выйдет пж метрики чекни сначала))
    3. silent99 1 день назад
      ЗАЧЕМ верстальщику платить если тут дело в АРХИТЕКТУРЕ??? сделайте нормальный бэк на гошке и данные отдавайте чисто а верстку бот за минуту перепишет имхо!! гуглить промпты не пробовали???
  33. Лёша 1 неделю назад
    А вы думали нейросетка сама адаптив угадает? Там небось и в стилях каша и логика на соплях держится
  34. mango1998 1 неделю назад
    Вот он, хваленый вайбкодинг. Две строчки стилей поправить не может, а кричали что программисты больше не нужны
    1. puzatik_it 1 день назад
      да пофиг на стили, там кнопка с лидформой вообще уехала, конверт в ноль будет если не поправить
  35. Аня 1 неделю назад
    все равно круто получается наверное!! 😍🚀 а где вы это захостили в облаке или на сервере?? дорого вообще выходит в месяц?? хочу тоже задеплоить свой сайт!!
  36. Олег 1 неделю назад
    Да какая мобилка ВЫ О ЧЕМ ВООБЩЕ??? У вас этот код сгенерированный дырявый как решето небось!!! БЭКАПЫ хоть настроили??? Завтра сервак положат и поминай как звали имхо!
  37. Аня Комарова 6 дней назад
    ПРОМПТИТЬ НАДО УМЕТЬ В ЭТОМ ВСЯ СУТЬ!!! вы mobile-first в ТЗ писали вообще??? какой стек используете??? почему сразу готовые компоненты не взять???
  38. Алина Яковлева 4 часа назад
    Попробуйте явно попросить модель использовать Tailwind CSS с мобильными утилитами или протестировать разметку в DevTools браузера перед сохранением.