Генерация в chat GPT
Таймкод:
00:00 — 00:25 — первичный запрос
00:25 — 00:40 — уточняю запрос, код не работает
00:40 — 01:26 — довожу до ожидаемого результата по дизайну
01:26 — 01:41 — код не работает, исправляем
Библиотеки кодов:
uiverse
uiacertenity
magicuidesign
Тг-каналы с кодами (буду пополнять):
Code Wars
"Промты", которые я использовала:
я веб-дизайнер на тильде. можешь ли ты написать код для анимации before/after.пример креплю. код я должна вставить в html-блок в zero
переделай код, чтобы это было фоновое изображение "before" и шторкой передвигалось изображение "after"
код правильный.переделай, чтобы между фотографиями был не кружочек, а белая тонкая полосочка
какая-то ошибка. вставила код, он не работает
код хороший, но убери черный кружочек *креплю скрин*
теперь шторка не передвигается, а просто стоит посередине. мне нравился код до этого, просто сделай такой же код, но без черного кружочка
картинка, чтобы повторить анимацию
Таймкод:
00:00 - 00:20 - берем код из бибилиотеки
00:20 - 00:47 - редактируем код вместе с GPT
00:47 - 01:21 - меняем цвета
"Промты", которые я использовала:
я веб-дизайнер на тильде. у меня есть код для кнопки html и css. соедини этот код, чтобы я смогла вставить этот код в html-блок в zero. это html*код*, это css*код*
подпиши в этом коде все элементы: тексты, обводки и тд.
если вы не знаете как называется тот или иной элемент, то попросите chat gpt подсказать: «я хочу поменять ширину у кнопки, где мне найти эту строчку в коде« и т. д.
Таймкод:
00:00 - 00:26 - дизайн, который предложила нейросеть
00:26 - 00:42 - меняю стиль и добавляю возможность вставить свои svg
00:42 - 01:25 - крепим id блока к вкладке
"Промты", которые я использовала:
напиши код для интересных боковых вкладок, чтобы я вставила его в html- блок в zero
сделай цвета более нейтральными и сделай так, чтобы вместо иконок можно было вставить свои svg
у каждого блока на тильде есть свой id. можно ли добавить id блок к определенной вкладке и чтобы при клике на вкладку, все перемещалось к этому блоку
Мои дополнения
1) Когда открываешь chat GPT, то нужно обязательно авторизоваться
2) Если код работает, то напиши об этом. Таким образом, ты подсказываешь какие алгоритмы нужно использовать
3) Нейросеть может выдать хороший код, ты попросишь его кастомизировать, а потом все резко перестает работать. В таких случаях я вставляю рабочий код «в кавычки» и прошу еще раз именно в нем внести изменения (такой пример есть в одном из видео)
4) не получится сгенерировать код, который будет затрагивать несколько страниц (объясняю подробнее в видео)