# Настройка бесплатного ИИ-агента для веб-разработки: мой опыт Недавно я плотно занялся настройкой бесплатного инструмента для вайбкодинга. И знаете что? Это реально работает. Причём не только для создания сайтов, но и для решения самых разных задач — от вёрстки до автоматизации рутины. ## Что такое вайбкодинг Термин появился в начале 2025 года и означает разработку в диалоге с ИИ . Вместо того чтобы писать код вручную — описываешь задачу обычным языком, а нейросеть генерирует готовое решение . Это не замена программисту, а инструмент, который ускоряет работу в разы. Как показал один из экспериментов, за два часа можно сделать прототип, на
Читать далееСамые свежие записи
### **Как автоматически скрывать товары на сайте Tilda после определённого времени**
#как_скрыть_товары_на_tilda_по_времени #автоматическое_скрытие_товаров_на_тильда #таймер_скрытия_товаров_на_site_tilda #скрипт_скрытия_товаров_по_расписанию_tilda Иногда возникает необходимость автоматически скрывать некоторые товары или элементы на сайте с наступлением вечера или ночи. Например, это может быть полезно для служб доставки, которые не работают круглосуточно. Вот простое и эффективное решение, реализованное с помощью пользовательского кода на Tilda. #### **Принцип работы:** 1. **Скрипт времени:** JavaScript постоянно отслеживает текущее время у пользователя. 2. **Логика проверки:** В коде задаётся временной интервал (например, с 20:00 до 08:00). 3. **Визуальное скрытие:** Если текущее время попадает в этот интервал, к карточкам товаров добавляется специальный CSS-класс, который их «затеняет» и делает недоступными. #### **Код:** Разместите этот код в блоке «Дополнительный
Читать далееВсплывающее меню при наведении на Тильда!
#всплывающее_меню #всплывающее_меню_на_тильда Друзья приветствую всех! Сегодня разберём , как я всё же создал всплывающее меню при наведении (hover) в редакторе Тильа! 1. Оплачиваем свою тильду 750 2.Создаём ИМ по примеру как дали, не факт , что заказчик откликнется, но всё равно тренируемся! Вот пример сайта , который просили повторить на тильда. https://air-kiss.ru Опыт — самое главное!! Ура! Обращения есть!! ____________________________ Вот такое меню надо было мне создать на тильда! Далее.. На 29 ноября я по сайту примеру разобрался ещё раз, как сделать свою корзину на тильда! (об этом писал уже ранее на is-блоге) Поставил кнопку Обратный звонок и привязал к
Читать далееЕщё одна модификация на Тильда!
#затемнение_товара_который _кончился Решение задачи с товаром , который кончился! Пытаюсь решить !? Сделаем запрос в чат GPT/ Как сделать затемнение карточки товара в тильда при количестве товара 0. Вот пример с сайта , где это работает! Товар затемнился, когда его не стало в наличии. Это происходит или автоматически , или продавец сам вносит в каталоге количество товара 0. Так вот после создания запроса Нейросеть мне выдала следующий результат. Решение по затемнению карточек нашёл! Ура! Оказалось всё очень просто, чисто на css! Для карточки у которой товара 0 заходим в каталог и там просматриваем атрибуты , где товара 0 находим атрибут
Читать далееВёрстка формы обатной связи для сайта и создание обработчика формы с помощью Нейросети GPT-4O Mini
#Вёрстка _формы_обратной_связи_с_помощью_Нейросети Создание формы обратной связи на сайте — это важный шаг для взаимодействия с пользователями. В этой статье мы разберёмся, как просто и эффективно сделать вёрстку формы и настроить её обработчик, используя нейросеть GPT-4O Mini Шаг 1: Вёрстка формы Для начала нам нужна простая HTML-форма. Пример: Делаем запрос в Нейросети по адресу https://ask.chadgpt.ru/ Там есть платный тариф, но можно и на бесплатном. Запрос(промт) я делал следующий. «Напиши код html css для попапа , при клике на кнопку Написать сообщение , в фоме поля : имя,почта , сообщение» Нейросеть отвечает: Конечно! Ниже представлен код HTML и CSS для создания попапа.
Читать далееСоздаём свою корзину на тильда в меню.
Друзья, приветствую всех! #своя_корзина_на_тильда #корзина_на_тильда #создать_свою_корзину_на_тильда Сегодня мы разберёмся , как сделать свою корзину при создании Интернет-магазина на тильда. Можно , конечно, и оставить тильдовскую , но она появляется, толко при заказе товара. Я делал ИМ на тильда для заказчика и у меня было такое меню с корзиной. В самом начале необходимо этой корзине присвоить класс, кликаем правой кнопкой на корзину и вменю выбираем «Add CSS Class Name» , вот скрин для понимания. Чтобы моя корзина заработала и стала всё считать и показывать, необходимо добавить в зерро-блок html код , то есть кликнуть по кнопке + справа и выбрать
Читать далееКак добавить свой фон картинкой на тильда?
Была такая задача! (в моих заказах на Тильда). Необходимо поставить свой фон картинку на карточке товара на Тильда! Дело в том, что там можно поставить только фон по цвету, а фото нет. И так, чтобы это сделать , надо зайти в настройки блока и узнать его ID/ Затем запишем следующий код И заменить часть кода , которая указана стрелкой, это абсолютный адрес той картинки, которую вы хотите подставить. Можно даже прямо на сайте , где вы работаете, поставить блок с картинкой, затем загрузить свою картинку и взять url этой картинки, а этот блок просто скрыть или удалить! вот пример, как
Читать далееКак сделать выбор варианта товара(в попапе карточки товара) в корзине на Тильда?
Как сделать выбор варианта товара(в попапе карточки товара) в корзине на Тильда? А также важно, при этом должна измениться цена товара и калькулятор должен всё это посчитать! Допустим, мы создали какую-то карточку товара в зерро-блоке в Тильда. Карточку в тильда создать несложно, в зерро-блоке всё делается легко. Ставим кнопку в нашем случае Выбрать. Перед эти нам также надо идти в раздел Магазин и взять оттуда блок с номером ST100-это корзина, а также подключить блок ST510 попапом c карточкой товара. Все предварительные действия для создания магазина на тильда мы сделали. Теперь нам необходимо связать все эти элементы. И так, у нас
Читать далееКак изменить размер картинки в svg формате?
Друзья, приветствую всех на моём блоге! Как говориться , учиться никогда не поздно. И так, у нас имеется картинка в данном формате, вот её вид, она довольно большая! Чтобы уменьшить её размер, нужно открыть её в любом редакторе. Кликаем на значке файла левой кнопкой мыши И открываем её , например в редакторе sublime text, имеем следующий вид Меняем размер ширину и длину как указано на скрине, делаем любой размер. А также можно менять и цвет отдельных элементов картинки тоже через код цвета формата #F4BD6C под именем full. Попробуйте изменить и вы увидите , как всё легко меняется. Можно менять цвет
Читать далееКак натянуть многостраничный сайт на WP, ставим динамическое меню.
Теория по натяжке многостраничного сайта! Допустим, мы натянули уже главную страницу нашего сайта, в моём случае – это index.php сайта https://mos-547491.oml.ru/,где я перенёс с трудом главную страницу и подтянул стили и скрипты с помощью скрипта < ? echo get_template_directory_uri(); ?>/ Почти всё встало на место, сайт заработал, но что-то всё же и пропало, например надпись на главной странице на фоне картинки. И к тому же, на первом экране , как видите, стоит слайдер, он тоже не работает. В общем, сайт работает не полностью, скрипты после копирования пропали, часть их, меню также заработало не полностью. Но я продолжу делать натяжку
Читать далее



Свежие комментарии