Как сделать цены на сайте: блок, прайс и проверка
Практический блок цен для товара или услуги: правило выбора формата, HTML-пример, мобильная проверка и защита от расхождений.
Блог / Сайты с ИИ / Страница 2
Статьи про создание сайтов с ИИ
Страница 2 из 4
Как сделать сайт с помощью нейросетей: конструкторы, вайбкодинг, пошаговые план и разбор инструментов для запуска без программиста.
Как сделать все сайты в темной теме: рабочий способ
Настройка темной темы для сайтов в Firefox, Chrome и Edge с понятной проверкой и безопасным исключением проблемных страниц.
Как сделать детский сайт: структура, дизайн и проверка
План детского сайта от возрастной группы и одного сценария до проверки текста, кнопок, мобильной версии и данных перед публикацией.
Как сделать сайт читаемым: аудит текста и интерфейса
Проверяемый аудит читаемости сайта: текстовая колонка, контраст, заголовки, ссылки, мобильный экран и масштабирование без сложного редизайна.
Как сделать контент сайта: карта страниц и проверка
Практический процесс подготовки контента: карта страниц, исходные факты, тексты и изображения, проверка опубликованного сайта и диагностика сбоев.
Как сделать сайт-форум: движок, разделы и модерация
Практический план форума: от выбора движка и структуры разделов до регистрации, модерации, резервной копии и проверки перед запуском.
Как сделать сайт бронирования: слоты без двойной записи
Пошаговая схема сайта бронирования услуг: модель слотов, календарь, подтверждения, отмена, тест двойной записи и диагностика сбоев.
Как сделать CMS-сайт: пошаговый план в 2026 году
Понятный запуск сайта на CMS: правило выбора, структура страниц, безопасная публикация, проверка форм и диагностика типичных сбоев.
Как сделать Метрику на сайте: установка и проверка
Практическая установка Яндекс Метрики: выбор места для кода, проверка визита и цели, диагностика дублей, блокировок и SPA-переходов.
Как сделать дату на сайте: HTML, JavaScript и часовой пояс
Три рабочих варианта даты на сайте: фиксированная подпись, дата посетителя и единое серверное время. С готовым кодом и диагностикой.
Как сделать базу данных сайта: схема, API и безопасный доступ
Путь от списка данных до рабочей базы сайта: таблицы, роли, API, правила доступа, резервная копия и проверка без утечки ключей.
Как сделать свой сервер для сайта: безопасный минимум
Свой сервер без лишней сложности: правило выбора, минимальная схема nginx, HTTPS, проверка и план восстановления.
Как сделать сайт на роутере: локально и без риска
Локальный сайт на роутере: проверка возможностей, безопасная папка, доступ из сети и граница публичной публикации.
Как изменить курсор на сайте: CSS, картинка и проверка
Курсор без вреда для удобства: CSS-пример, правило выбора, проверка формата и диагностика по симптому.
Как подключить шрифт на сайт: WOFF2, CSS и проверка
Рабочее подключение веб-шрифта: лицензия, WOFF2, @font-face, начертания, запасной стек, производительность и диагностика.
Как управлять сайтом: роли, обновления и контроль
Система управления сайтом без хаоса: владелец, редактор, технический контур, журнал правок, обновления и проверяемый откат.
Как сделать сайт в Блокноте: один HTML-файл с нуля
Первый сайт без конструктора: один HTML-файл, безопасный пример, проверка в браузере и граница возможностей Блокнота.
Как заработать на рекламе на сайте: безопасный запуск
Безопасный запуск рекламы на сайте: модерация, один контрольный блок, защита от случайных кликов и проверка влияния на страницу.
Как сделать бэкап сайта и проверить восстановление в 2026
Практическая схема резервной копии сайта: что сохранять, где держать архив и как доказать, что восстановление действительно работает.
Как сделать Яндекс Карту на сайте: виджет и API
Выбор между готовым виджетом и JavaScript API Яндекс Карт, пошаговая вставка, минимальный код и диагностика пустого блока.
Как сделать сайт скидок: структура каталога и проверка
Практический план сайта скидок: от модели каталога и обязательных полей карточки до обновления цен, фильтров и проверки битых предложений.
Как сделать редирект сайта: 301, 302 и проверка
Практическая схема редиректа сайта: выбор постоянного или временного кода, карта адресов, примеры для Nginx и Apache, проверка и откат.
Как сделать сайт публичным: публикация и проверка 2026
От локальной папки до публичной HTTPS-ссылки: выбор способа публикации, проверка с другого устройства и диагностика типовых ошибок.
Как сделать ссылку на документ на сайте: открыть или скачать
Два рабочих варианта ссылки на PDF или другой файл: просмотр в браузере и скачивание. С кодом, проверкой 404, доступности и безопасной заменой версии.
Как сделать сайт как Pinterest: галерея с карточками
Рабочий план галереи в стиле Pinterest: карточки разной высоты, колонки, адаптивность, быстрая загрузка и путь от прототипа к личным подборкам.
Как сделать сайт посещаемым: цикл роста без накрутки
Измеримый цикл органического роста: спрос, страница, индексация, клики, полезные действия и диагностика слабого места.
Как сделать сайт-тест: квиз с баллами и результатом
Практический план сайта-теста: шкала баллов, ветки результатов, сборка без кода, проверка ошибок и доступности.
Как сделать логотип сайта: SVG, PNG и вставка в шапку
От эскиза до шапки сайта: проверка силуэта, SVG и PNG, доступный alt, мобильный тест и граница между логотипом и favicon.
Как сделать выгрузку сайта: файлы, база и проверка
Инвентарь полной выгрузки сайта, отличие экспорта контента от бэкапа и проверка восстановления до отключения старой площадки.
Как сделать многостраничный сайт: структура и ссылки
Практическая схема многостраничного сайта: когда нужны отдельные URL, как собрать меню и проверить переходы перед запуском.
Как сделать сайт мобильным приложением: PWA в 2026
Пошаговый путь от мобильного сайта к устанавливаемой PWA: выбор формата, манифест, кэш, диагностика и границы метода.
Как сделать шаблон сайта: HTML, CSS и повторные компоненты
Повторно используемый шаблон без копирования хаоса: структура файлов, CSS-переменные, компоненты, контентные места и проверка на разных экранах.
Как сделать сайт-мессенджер: план MVP с авторизацией и чатом
Архитектура минимального веб-мессенджера: аккаунты, комнаты, история, realtime, файлы, политики доступа и проверка двух пользователей.
Как сделать просмотры на сайте: счётчик без накрутки
Выберите понятную метрику, подключите аналитику или публичный счётчик и проверьте, что обновление страницы и роботы не раздувают число.
Как сделать закладку сайта в браузере: Chrome, Edge, Safari
Сохраните нужную страницу в закладках браузера, проверьте адрес и разберитесь, почему ссылка иногда пропадает или оказывается не в том профиле.
Как сделать сайт-портфолио: структура и проверка в 2026
Рабочая структура сайта-портфолио: от отбора трёх кейсов до мобильной проверки, контакта и безопасной публикации.
Как сделать сайт-анкету: форма и заявки в 2026 году
Пошаговая сборка сайта-анкеты: структура вопросов, форма, подтверждение отправки, защита данных и проверка всего пути заявки.
Как создать свой конструктор сайтов: план MVP в 2026
План собственного блочного конструктора: модель данных, редактор, сохранение, публикация, безопасность и критерии готового MVP.
Как сделать подписку на сайт: форма, согласие и подтверждение
Практическая схема email-подписки: отдельное согласие, подтверждение адреса, безопасная передача на сервер и тесты до первой рассылки.
Как сделать ответы на сайте: FAQ без лишнего JavaScript
Собираем блок ответов на частые вопросы, который работает без JavaScript, открывается с клавиатуры и не обещает лишнего поисковой выдаче.
Как сделать описание сайта: лид и meta description
Разделяем видимое описание страницы и meta description, пишем их по одной карте смысла и проверяем без мифа о гарантированном сниппете.
JavaScript: как сделать сайт и понять, где JS не нужен
Минимальный сайт из трёх файлов: что отвечает за структуру, стили и действие, как подключить JavaScript и проверить результат без лишней сложности.
Как сделать ссылку на страницу сайта: HTML и проверка 404
Рабочие примеры HTML-ссылок между страницами, на другой сайт и к разделу. Относительные пути, якоря и диагностика ошибки 404.
Как сделать скриншот всей страницы сайта в браузере и на телефоне
Как сохранить длинную страницу одним снимком: встроенные средства Chrome, Firefox, Edge и Яндекс Браузера, режим «Вся страница» на iPhone, длинный скриншот на Android и Playwright.
Как сделать сайт для книги: структура и безопасный фрагмент
Пошаговая схема сайта одной книги: структура, права на текст и обложку, доступный фрагмент, метаданные, приёмка и граница с каталогом или читалкой.
Как сделать сайт-сервис: MVP, данные и проверка в 2026
План сайта-сервиса от одной пользовательской задачи до рабочего MVP: сценарий, данные, роли, ошибки, безопасность и проверка полного пути.
Как сделать сайт новостей в 2026: структура и редакция
Новостной сайт начинается не с красивой главной, а с рубрик и редакционного цикла. Собираем ленту, карточку новости, источники, исправления, RSS и техническую проверку.
Как сделать сайт города: структура и проверка данных в 2026
План небольшого городского портала: разделы, карточка места, проверка источников, доступность и регламент обновления без имитации муниципального сайта.
Как восстановить старый сайт: архив, файлы и запуск в 2026
Пошаговый план восстановления старого сайта: от поиска файлов и снимков до проверки ссылок, редиректов и безопасного запуска.
Как сделать разрешение сайта: адаптивный экран в 2026
Практическая настройка сайта под телефон, планшет и компьютер: гибкие размеры, медиазапросы, изображения и проверка доступности.
Как сделать сайт-каталог сайтов: структура и проверка в 2026
Минимальный каталог сайтов без хаоса: карточка, категории, нормализация адресов, очередь модерации, безопасная проверка и разметка.
Как сделать подпись на сайте: автор, фото и документы 2026
Три значения подписи на сайте: рабочий HTML для автора и изображения, проверка отображения и юридическая граница электронной подписи.
Как сделать на сайте список: HTML, CSS и доступность
Рабочий список на сайте: выбор между ul и ol, корректный HTML, CSS без потери смысла и короткая проверка доступности.
Как сделать женский сайт без стереотипов в 2026 году
Сайт для женской аудитории без розовых клише: задачи, структура, доступность и проверяемый путь от первого экрана до целевого действия.
Как сделать макет сайта: от структуры до проверки в 2026
Макет до кода: сценарий пользователя, каркас, адаптивные состояния, компоненты и проверка, которая предотвращает дорогие переделки.
Как сделать сайт на MacBook: локально и опубликовать в 2026
Рабочий путь на MacBook: папка проекта, HTML и CSS, локальная проверка, резервная копия и публикация на любом статическом хостинге.
Почему не открываются сайты и как их открыть: DNS, VPN, сеть
Почему не открываются сайты и что делать: причины на устройстве и в сети, смена DNS, другая сеть и VPN для сайтов, недоступных у вас.
Как сделать виджет на сайте в 2026: iframe, script или код
Выбор способа встраивания виджета по задаче и риску: iframe, сторонний script или нативный блок. С примерами, CSP и мобильной проверкой.
Как сделать сайт без интернета: локальная копия
Практический способ подготовить собственный статический сайт к показу без сети: папка файлов, локальный сервер, аудит зависимостей и офлайн-проверка.
Как заблокировать сайт на телефоне и компьютере
Блокировка сайтов на iPhone, Android и компьютере: семейные настройки, файл hosts, DNS-фильтр, роутер и расширение. Шаги, ограничения и проверка результата.
Разборы, кейсы и фишки вайбкодинга каждую неделю в телеграм-канале «Яков вайбкодит».