<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0" xmlns:yandex="http://news.yandex.ru" xmlns:turbo="http://turbo.yandex.ru" xmlns:media="http://search.yahoo.com/mrss/">
  <channel>
    <title>Тестовый</title>
    <link>http://ubd.opdir.ru</link>
    <description/>
    <language>ru</language>
    <lastBuildDate>Sat, 16 May 2026 13:45:33 +0300</lastBuildDate>
    <item turbo="true">
      <title>Планировщик задач в geekbot</title>
      <link>http://ubd.opdir.ru/test/mya3vr8h01-planirovschik-zadach-v-geekbot</link>
      <amplink>http://ubd.opdir.ru/test/mya3vr8h01-planirovschik-zadach-v-geekbot?amp=true</amplink>
      <pubDate>Sat, 16 May 2026 13:42:26 +0300</pubDate>
      <enclosure url="https://static.tildacdn.com/tild3165-3732-4631-a131-383937616533/image.png" type="image/png"/>
      <turbo:content><![CDATA[<header><h1>Планировщик задач в geekbot</h1></header><figure><img alt="" src="https://static.tildacdn.com/tild3165-3732-4631-a131-383937616533/image.png"/></figure>]]></turbo:content>
    </item>
    <item turbo="true">
      <title>Подборка товаров для выкладки в сторисы</title>
      <link>http://ubd.opdir.ru/test/dt5c6fgnc1-podborka-tovarov-dlya-vikladki-v-storisi</link>
      <amplink>http://ubd.opdir.ru/test/dt5c6fgnc1-podborka-tovarov-dlya-vikladki-v-storisi?amp=true</amplink>
      <pubDate>Fri, 15 May 2026 03:54:00 +0300</pubDate>
      <enclosure url="https://static.tildacdn.com/tild3231-3236-4166-a438-373435303339/image.png" type="image/png"/>
      <turbo:content><![CDATA[<header><h1>Подборка товаров для выкладки в сторисы</h1></header><figure><img alt="" src="https://static.tildacdn.com/tild3231-3236-4166-a438-373435303339/image.png"/></figure>]]></turbo:content>
    </item>
    <item turbo="true">
      <title>Сториз. Рилс. Шортс. Клипс домены</title>
      <link>http://ubd.opdir.ru/test/7n8c8beuo1-storiz-rils-shorts-klips-domeni</link>
      <amplink>http://ubd.opdir.ru/test/7n8c8beuo1-storiz-rils-shorts-klips-domeni?amp=true</amplink>
      <pubDate>Fri, 15 May 2026 02:42:00 +0300</pubDate>
      <enclosure url="https://static.tildacdn.com/tild6334-3233-4338-b164-653139363032/orig.webp" type="image/webp"/>
      <turbo:content><![CDATA[<header><h1>Сториз. Рилс. Шортс. Клипс домены</h1></header><figure><img alt="" src="https://static.tildacdn.com/tild6334-3233-4338-b164-653139363032/orig.webp"/></figure><blockquote class="t-redactor__preface">Свободные домены</blockquote><div class="t-redactor__text">storis.<strong>pro</strong><br />storis.<strong>tech</strong><br />33storis<br />2reels<br />5shorts<br />5reels<br />5storis<br />7reels<br />7storis<br />7shorts<br />5clips<br />o5reels.ru</div>]]></turbo:content>
    </item>
    <item turbo="true">
      <title>Моджи мода. Компания на маркетплейсах. Обзор</title>
      <link>http://ubd.opdir.ru/test/g4mbtnn2v1-modzhi-moda-kompaniya-na-marketpleisah-o</link>
      <amplink>http://ubd.opdir.ru/test/g4mbtnn2v1-modzhi-moda-kompaniya-na-marketpleisah-o?amp=true</amplink>
      <pubDate>Thu, 14 May 2026 19:08:00 +0300</pubDate>
      <enclosure url="https://static.tildacdn.com/tild3763-3833-4536-b463-616430393465/image.png" type="image/png"/>
      <turbo:content><![CDATA[<header><h1>Моджи мода. Компания на маркетплейсах. Обзор</h1></header><figure><img alt="" src="https://static.tildacdn.com/tild3763-3833-4536-b463-616430393465/image.png"/></figure><blockquote class="t-redactor__preface">Торгует текстилем и одеждой. Продаж за 69мес 13 202 775шт, выкупаемость 63%.</blockquote><div class="t-redactor__text">Сайт <a href="https://modjimoda.ru/">https://modjimoda.ru/</a></div><div class="t-redactor__text">Если сделать расчет по 500р/шт то выходит выручка за все время 6,6млрд.р.</div><div class="t-redactor__text">С учетом выкупаемости 4,16млрд.р.</div><div class="t-redactor__text">Если разделить на 69мес, то выходит 60,27млн.р. Внимание и это выручка в месяц.</div><blockquote class="t-redactor__quote">Если вычесть комиссии и логистику в размере 70%, то выходит 18,08млн.р. к перечислению.<br />Вычитаем так же себе стоимость товаров и др. затраты, проще делаем уровень рентабельности в размере 2-3%(чистая прибыль), выходит 542т.р./мес.</blockquote><blockquote class="t-redactor__quote">Если вычесть комиссии и логистику в размере 55%, то выходит 27,12/млн.р. к перечислению.<br />Вычитаем так же себе стоимость товаров и др. затраты, проще делаем уровень рентабельности в размере 2-3%(чистая прибыль), выходит 813т.р./мес.</blockquote>]]></turbo:content>
    </item>
    <item turbo="true">
      <title>Вайбкодинг. Страницы на изучение</title>
      <link>http://ubd.opdir.ru/test/zguzmn11g1-vaibkoding-stranitsi-na-izuchenie</link>
      <amplink>http://ubd.opdir.ru/test/zguzmn11g1-vaibkoding-stranitsi-na-izuchenie?amp=true</amplink>
      <pubDate>Sat, 16 May 2026 13:42:27 +0300</pubDate>
      <category>Заметки</category>
      <enclosure url="https://static.tildacdn.com/tild3836-3035-4664-b765-623034663665/627df818da0eb3a9295d.webp" type="image/webp"/>
      <turbo:content><![CDATA[<header><h1>Вайбкодинг. Страницы на изучение</h1></header><figure><img alt="" src="https://static.tildacdn.com/tild3836-3035-4664-b765-623034663665/627df818da0eb3a9295d.webp"/></figure><div class="t-redactor__text">https://habr.com/ru/articles/972308/<br />https://www.reddit.com/r/ClaudeAI/comments/1i1aa7g/how_to_prompt_to_claude_vs_chatgpt/?tl=ru<br />https://www.reddit.com/r/ClaudeAI/comments/1i1aa7g/how_to_prompt_to_claude_vs_chatgpt/?tl=ru<br />https://gogpt.ru/blog/kak-pravilno-formulirovat-zaprosy-dlya-nejrosetej-chatgpt-claude-i-drugie/<br />https://vc.ru/ai/2885097-kak-pisat-prompty-dlya-claude<br />https://habr.com/ru/companies/ranvik/articles/1024368/<br />https://www.reddit.com/r/ClaudeAI/comments/1cjhray/how_best_to_organize_a_prompt/?tl=ru<br />https://vc.ru/ai/2864516-gid-po-sozdaniyu-promptov-dlya-claude-code<br />https://hi-tech.mail.ru/news/147459-pochemu-ii-servis-claude-massovo-blokiruet-rossiyan-otvet-eksperta/<br />https://habr.com/ru/articles/890356/<br />https://express.ms/blog/tekhnologii/vayb-koding-realno-li-ii-zamenit-programmistov/<br />https://dev.go.yandex/blog/lifehacks-for-vibe-coding-2025-09-08<br />https://thecode.media/vajb-koding-novichkam-nachat/<br />https://habr.com/ru/articles/1034244/<br />https://practicum.yandex.ru/blog/chto-takoe-vibe-coding/&quot;;2026-05-14 09:03:00+07:00&quot;&quot;&quot;&quot;&quot;&quot;&quot;</div>]]></turbo:content>
    </item>
    <item turbo="true">
      <title>Безголовый (Headless) бразуер</title>
      <link>http://ubd.opdir.ru/test/2l2pulp051-bezgolovii-headless-brazuer</link>
      <amplink>http://ubd.opdir.ru/test/2l2pulp051-bezgolovii-headless-brazuer?amp=true</amplink>
      <pubDate>Thu, 14 May 2026 03:17:00 +0300</pubDate>
      <category>Заметки</category>
      <enclosure url="https://static.tildacdn.com/tild3134-6165-4963-b339-383664626566/1-3.jpg" type="image/jpeg"/>
      <turbo:content><![CDATA[<header><h1>Безголовый (Headless) бразуер</h1></header><figure><img alt="" src="https://static.tildacdn.com/tild3134-6165-4963-b339-383664626566/1-3.jpg"/></figure><blockquote class="t-redactor__preface">Безголовый браузер (headless browser)</blockquote><div class="t-redactor__text">это веб-браузер без графического интерфейса пользователя (GUI), который управляется программно через командную строку или API. Он работает как обычный браузер (парсит HTML, исполняет JS), но быстрее и экономнее потребляет ресурсы, так как не отрисовывает содержимое на экране. <br /><br /><strong>Основные области применения:</strong><br /><ul><li data-list="bullet"><strong>Веб-скрапинг и парсинг:</strong> Сбор данных с динамических сайтов, использующих JavaScript.</li><li data-list="bullet"><strong>Автоматизированное тестирование:</strong> Проверка верстки, функциональности и производительности сайтов.</li><li data-list="bullet"><strong>Создание скриншотов и PDF:</strong> Генерация визуальных отчетов о работе веб-страниц.</li></ul><br /><strong>Популярные безголовые браузеры и инструменты:</strong><br /><ol><li data-list="ordered"><strong><a href="https://thecode.media/headless-chrome/" target="_blank" rel="noreferrer noopener">Headless Chrome</a></strong>: (в <a href="https://habr.com/ru/companies/oleg-bunin/articles/421137/" target="_blank" rel="noreferrer noopener">этой статье</a> на Хабре можно узнать, как он работает) — минималистичная версия Chrome.</li><li data-list="ordered"><strong><a href="https://www.nstbrowser.io/ru/blog/puppeteer-headless-chrome" target="_blank" rel="noreferrer noopener">Puppeteer</a></strong>: Node.js библиотека для управления Chrome/Chromium.</li><li data-list="ordered"><strong><a href="https://blog.adspower-ru.com/docs/best-headless-browsers-web-scraping-pros-cons" target="_blank" rel="noreferrer noopener">Playwright</a></strong>: Современный инструмент для сквозного тестирования.</li><li data-list="ordered"><strong>Selenium</strong>: Классический инструмент для автоматизации.</li><li data-list="ordered"><strong>PhantomJS</strong>: Один из первопроходцев в этой области.</li></ol><br /><strong>Преимущества:</strong><br /><ul><li data-list="bullet"><strong>Скорость:</strong> Быстрее, так как не нужно рендерить картинки и CSS.</li><li data-list="bullet"><strong>Автоматизация:</strong> Идеален для запуска на серверах без дисплея.</li></ul><br /><strong>Особенности:</strong><br /><ul><li data-list="bullet"><strong>Обнаружение:</strong> Сайты могут определять, что их посещает безголовый браузер, и блокировать</li><li data-list="bullet"><strong>Сложность настройки:</strong> Требует навыков программирования.</li></ul><br /><em>Полезно знать: <a href="https://www.reddit.com/r/golang/comments/1hs8brn/my_crazy_idea_a_headless_browser_in_go_reached_a/?tl=ru" target="_blank" rel="noreferrer noopener">в этой статье на Reddit</a> можно почитать о разработке безголового браузера на Go</em></div><blockquote class="t-redactor__callout t-redactor__callout_fontSize_default" style="background: #EBEBEB; color: #000000;">
                                <div class="t-redactor__callout-icon" style="color: #000000">
                                    <svg width="24" height="24" role="img" style="enable-background:new 0 0 24 24">
                                        <circle cx="12.125" cy="12.125" r="12" style="fill:currentColor"/>
                                        <path d="M10.922 6.486c0-.728.406-1.091 1.217-1.091s1.215.363 1.215 1.091c0 .347-.102.617-.304.81-.202.193-.507.289-.911.289-.811 0-1.217-.366-1.217-1.099zm2.33 11.306h-2.234V9.604h2.234v8.188z" style="fill:#fff"/>
                                    </svg>
                                </div>
                                <div class="t-redactor__callout-text">
                                     <a href="https://thecode.media/headless-chrome/">Ссылка на источник</a>
                                </div>
                            </blockquote>]]></turbo:content>
    </item>
    <item turbo="true">
      <title>Вебскрапинг. Тот же парсинг</title>
      <link>http://ubd.opdir.ru/test/f7j4zjmud1-vebskraping-tot-zhe-parsing</link>
      <amplink>http://ubd.opdir.ru/test/f7j4zjmud1-vebskraping-tot-zhe-parsing?amp=true</amplink>
      <pubDate>Thu, 14 May 2026 01:17:00 +0300</pubDate>
      <category>Заметки</category>
      <enclosure url="https://static.tildacdn.com/tild3935-6538-4236-b663-376562616236/3.jpg" type="image/jpeg"/>
      <turbo:content><![CDATA[<header><h1>Вебскрапинг. Тот же парсинг</h1></header><figure><img alt="" src="https://static.tildacdn.com/tild3935-6538-4236-b663-376562616236/3.jpg"/></figure><blockquote class="t-redactor__preface">Веб-скрапинг (web scraping). Парсинг ресурсов</blockquote><div class="t-redactor__text">Это метод автоматизированного сбора данных с веб-сайтов с помощью специальных программ-ботов (скрейперов), которые преобразуют неструктурированную информацию с веб-страниц в структурированный формат (таблицы Excel, базы данных, CSV-файлы). Это позволяет быстро извлекать контент, цены или контакты, избегая ручного копирования. <br /><br /><strong>Основные аспекты веб-скрапинга:</strong><br /><br /><ul><li data-list="bullet"><strong>Как это работает:</strong> Скрипт заходит на сайт, загружает HTML-код страницы, парсит (анализирует) его и извлекает нужные данные.</li><li data-list="bullet"><strong>Что собирают:</strong> Каталоги товаров, цены конкурентов, отзывы, контактные данные, новости.</li><li data-list="bullet"><strong>Применение:</strong></li><li data-list="bullet">Мониторинг цен, маркетинговые исследования, обучение ИИ-моделей, агрегация новостей.</li><li data-list="bullet"><strong>Отличие от парсинга:</strong> Скрапинг — это сам процесс извлечения данных, а парсинг — следующий этап обработки и структурирования полученной информации.</li></ul><br /><strong>Инструменты:</strong> Популярные библиотеки на Python (Requests, BeautifulSoup, Selenium, Scrapy) или готовые сервисы (Octoparse, ParseHub). <br /><br />Веб-скрапинг работает с публично доступной информацией, однако использование данных должно соответствовать законам, чтобы не нарушать авторские права или условия использования сайтов.</div><blockquote class="t-redactor__quote">Веб-скрейпинг - это процесс автоматизации получения данных из интернета.<br /><br />Допустим, ты хочешь знать, какая будет погода сегодня дома, в офисе и на пляже. Ты можешь зайти и посмотреть прогноз для каждого места.<br /><br />Или ты можешь написать веб-скрейпер, который будет получать ту же информацию, возможно, немного форматировать ее, а затем отправлять тебе электронное письмо каждое утро в 6 утра со всеми этими данными в одном месте.<br /><br />Веб-скрейпер может быть крошечным, как тот, который я описал, или огромным, как те, которые используются для получения любых общедоступных данных для обучения моделей ИИ. Или где-то посередине.<br /><br />В качестве коммерческого примера, возможно, ты хочешь получать ежедневный отчет, который сообщает тебе, сколько все твои конкуренты берут за продукт или услугу, чтобы ты мог соответствовать им или снижать цены. Это имеет для тебя ценность, поэтому ты готов за это платить.<br /><br />Компания может захотеть получать эту информацию о своих конкурентах, а также захотеть помешать своим конкурентам получать ее от них. Поэтому они платят за защиту от веб-скрейпинга, чтобы их конкурентам было сложнее/дороже ее получить. Вот что такое вся эта штука с recaptcha, плюс Cloudflare, datadome и многие другие огромные компании.<br /><br />Скрейпинг и анти-скрейпинг - это многомиллиардные индустрии. Это можно делать для личного или профессионального использования.</blockquote><hr style="color: #000000;"><blockquote class="t-redactor__quote">Webscraping (веб-скрейпинг) используется для обозначения процесса программного доступа (и, как правило, хранения) данных, поступающих с сервера. Эти данные обычно представляют собой HTML, который обрабатывается вашим локальным веб-браузером (Chrome, Firefox, Safari и т. д.), а затем отображается на вашем экране.<br /><br />Возьмем, к примеру, этот сайт: <a href="https://www.basketball-reference.com/" target="_blank" rel="nofollow noreferrer noopener">https://www.basketball-reference.com/ </a>, что, если вам нужна вся статистика по каждой таблице для каждой команды и игрока (которая может меняться ежедневно)? Вы можете довольно легко создать программу веб-скрейпинга, которая автоматически переходит на каждый интересующий вас сайт и получает/хранит данные. Зачем? Что, если вы захотите сделать проект, который покажет, как меняется статистика в течение сезона? - вам также понадобится историческая статистика.<br /><br />Существует много вариантов использования этого типа данных. Некоторые используют его для автоматического уведомления (электронная почта/текст) себя, если выпущен новый продукт, который быстро раскупается (билеты, обувь и т. д.). Некоторые используют его для доступа к данным в больших масштабах для аналитических выводов. Другие могут использовать его для расширения предлагаемого ими продукта.<br /><br />Что касается денег, если у вас есть возможность легко скрейпить сайты, вы можете предлагать данные и скрейпинг за деньги несколькими способами. (1) возможность скрейпинга - создайте скрейпер для сайта и продайте его. (2) продажа данных - собирайте данные самостоятельно и продавайте их оптом.<br /><br />Предупреждаем, что есть некоторые трудности и предостережения при веб-скрейпинге. Между веб-скрейпингом и DDOS-атаками на сервер мало различий - вы должны быть осторожны, чтобы не перегружать хост-сервер программными запросами. Кроме того, вам действительно следует соблюдать условия хост-сервера (соблюдать robots.txt), иначе вы рискуете быть забаненным.<br /><br />Надеюсь, это поможет!</blockquote>]]></turbo:content>
    </item>
    <item turbo="true">
      <title>ИИ проекты одного разработчика. Стимголд и др</title>
      <link>http://ubd.opdir.ru/test/ulf3ho90b1-ii-proekti-odnogo-razrabotchika-stimgold</link>
      <amplink>http://ubd.opdir.ru/test/ulf3ho90b1-ii-proekti-odnogo-razrabotchika-stimgold?amp=true</amplink>
      <pubDate>Thu, 14 May 2026 00:51:00 +0300</pubDate>
      <category>Заметки</category>
      <enclosure url="https://static.tildacdn.com/tild3961-3161-4238-b930-306566363333/00e62a29-fc05-4eb2-8.png" type="image/png"/>
      <turbo:content><![CDATA[<header><h1>ИИ проекты одного разработчика. Стимголд и др</h1></header><figure><img alt="" src="https://static.tildacdn.com/tild3961-3161-4238-b930-306566363333/00e62a29-fc05-4eb2-8.png"/></figure>]]></turbo:content>
    </item>
    <item turbo="true">
      <title>2 варианта таск менеджеров и сложная разработка</title>
      <link>http://ubd.opdir.ru/test/rmi4f7tv61-2-varianta-task-menedzherov-i-slozhnaya</link>
      <amplink>http://ubd.opdir.ru/test/rmi4f7tv61-2-varianta-task-menedzherov-i-slozhnaya?amp=true</amplink>
      <pubDate>Mon, 11 May 2026 22:48:00 +0300</pubDate>
      <category>Заметки</category>
      <turbo:content><![CDATA[<header><h1>2 варианта таск менеджеров и сложная разработка</h1></header><blockquote class="t-redactor__preface">Так выглядит таск менеджер, визуальный вид</blockquote><img src="https://static.tildacdn.com/tild3034-3730-4037-a236-323133316566/image.png"><div class="t-redactor__text"><a href="https://ru.stackoverflow.com/questions/1109452/%D0%9A%D0%B0%D0%BA-%D1%81-%D0%BF%D0%BE%D0%BC%D0%BE%D1%89%D1%8C%D1%8E-js-%D1%81%D0%BE%D0%B7%D0%B4%D0%B0%D1%82%D1%8C-%D0%BC%D0%B5%D0%BD%D0%B5%D0%B4%D0%B6%D0%B5%D1%80-%D0%B7%D0%B0%D0%B4%D0%B0%D1%87">Ссылка на код, где написан этот таск менеджер</a>(6лет назад)</div><hr style="color: #000000;"><blockquote class="t-redactor__preface">Планировщик задач написанный в другом ресурсе</blockquote><img src="https://static.tildacdn.com/tild3866-3764-4564-b261-366439343261/image.png"><div class="t-redactor__text"><a href="https://thecode.media/delaem-svoy-planirovschik-zadach-v-stile-trello/">Вот ссылка на ресурс</a></div><hr style="color: #000000;"><blockquote class="t-redactor__preface">И наконец длинная статья планировщика задач с habr.com</blockquote><blockquote class="t-redactor__quote"><strong>Разработка Task Manager с нуля до полнофункционального продукта</strong></blockquote><img src="https://static.tildacdn.com/tild3035-6638-4966-a262-336336333431/image.png"><div class="t-redactor__text"><a href="https://habr.com/ru/companies/amvera/articles/857704/">и конечно ссылка на источник</a></div>]]></turbo:content>
    </item>
    <item turbo="true">
      <title>Онлайн отображатель для кода</title>
      <link>http://ubd.opdir.ru/test/i1cyjcjh01-onlain-otobrazhatel-dlya-koda</link>
      <amplink>http://ubd.opdir.ru/test/i1cyjcjh01-onlain-otobrazhatel-dlya-koda?amp=true</amplink>
      <pubDate>Mon, 11 May 2026 22:13:00 +0300</pubDate>
      <category>Заметки</category>
      <turbo:content><![CDATA[<header><h1>Онлайн отображатель для кода</h1></header><blockquote class="t-redactor__preface">Этот сайт который позволяет видеть онлайн отображение кода</blockquote><img src="https://static.tildacdn.com/tild6533-3638-4933-b761-353431306330/image.png"><div class="t-redactor__text"><a href="https://html.onlineviewer.net/">Вот ссылка на него</a></div>]]></turbo:content>
    </item>
    <item turbo="true">
      <title>Варианты кнопок "вернуться назад" для иконки в Мобильной версии</title>
      <link>http://ubd.opdir.ru/test/arlx7f64e1-varianti-knopok-vernutsya-nazad-dlya-iko</link>
      <amplink>http://ubd.opdir.ru/test/arlx7f64e1-varianti-knopok-vernutsya-nazad-dlya-iko?amp=true</amplink>
      <pubDate>Mon, 11 May 2026 21:47:00 +0300</pubDate>
      <category>Заметки</category>
      <turbo:content><![CDATA[<header><h1>Варианты кнопок "вернуться назад" для иконки в Мобильной версии</h1></header><blockquote class="t-redactor__preface">Набираю в поиске в гугле: </blockquote><blockquote class="t-redactor__quote">сделать красивую кнопку назад html</blockquote><img src="https://static.tildacdn.com/tild6662-3131-4463-b232-313634613936/image.png"><div class="t-redactor__text">Чтобы создать красивую и функциональную кнопку «Назад» в HTML, используйте тег &lt;a&gt; или &lt;button&gt; в сочетании с JavaScript-функцией history.back(), которая возвращает пользователя на предыдущую страницу. Современный стиль обеспечивается CSS-свойствами, такими как плавный переход (transition), скругление углов (border-radius) и тени. </div><img src="https://static.tildacdn.com/ffb6456b-781b-40e8-9517-ffb5225e8bcd/imgfish.jpg"><div class="t-redactor__text">sky.pro +3</div><div class="t-redactor__text">Вот несколько стильных вариантов:</div><div class="t-redactor__text">1. Минималистичная кнопка-ссылка (рекомендуется)</div><div class="t-redactor__text">Этот вариант использует тег &lt;a&gt; и выглядит как современная кнопка.</div><div class="t-redactor__text">html</div><div class="t-redactor__text"><div class="ql-code-block" data-language="plain">&lt;style&gt;</div><div class="ql-code-block" data-language="plain">.back-button {</div><div class="ql-code-block" data-language="plain">    display: inline-flex;</div><div class="ql-code-block" data-language="plain">    align-items: center;</div><div class="ql-code-block" data-language="plain">    text-decoration: none;</div><div class="ql-code-block" data-language="plain">    color: #333;</div><div class="ql-code-block" data-language="plain">    font-family: Arial, sans-serif;</div><div class="ql-code-block" data-language="plain">    font-weight: bold;</div><div class="ql-code-block" data-language="plain">    padding: 10px 20px;</div><div class="ql-code-block" data-language="plain">    border: 2px solid #ddd;</div><div class="ql-code-block" data-language="plain">    border-radius: 25px;</div><div class="ql-code-block" data-language="plain">    transition: all 0.3s ease;</div><div class="ql-code-block" data-language="plain">    background-color: white;</div><div class="ql-code-block" data-language="plain">}</div><div class="ql-code-block" data-language="plain"><br /></div><div class="ql-code-block" data-language="plain">.back-button:hover {</div><div class="ql-code-block" data-language="plain">    background-color: #f4f4f4;</div><div class="ql-code-block" data-language="plain">    border-color: #999;</div><div class="ql-code-block" data-language="plain">    transform: translateX(-3px); /* Легкое движение влево */</div><div class="ql-code-block" data-language="plain">}</div><div class="ql-code-block" data-language="plain"><br /></div><div class="ql-code-block" data-language="plain">.back-button::before {</div><div class="ql-code-block" data-language="plain">    content: '←';</div><div class="ql-code-block" data-language="plain">    margin-right: 8px;</div><div class="ql-code-block" data-language="plain">    font-size: 1.2em;</div><div class="ql-code-block" data-language="plain">}</div><div class="ql-code-block" data-language="plain">&lt;/style&gt;</div><div class="ql-code-block" data-language="plain"><br /></div><div class="ql-code-block" data-language="plain">&lt;a href="javascript:history.back()" class="back-button"&gt;Назад&lt;/a&gt;</div></div><div class="t-redactor__text">Используйте код с осторожностью.</div><div class="t-redactor__text">2. Кнопка с градиентом (более заметная)</div><div class="t-redactor__text">Идеально подходит для мобильных интерфейсов.</div><div class="t-redactor__text">html</div><div class="t-redactor__text"><div class="ql-code-block" data-language="plain">&lt;style&gt;</div><div class="ql-code-block" data-language="plain">.back-btn-grad {</div><div class="ql-code-block" data-language="plain">    padding: 12px 24px;</div><div class="ql-code-block" data-language="plain">    background: linear-gradient(135deg, #6e8efb, #a777e3);</div><div class="ql-code-block" data-language="plain">    color: white;</div><div class="ql-code-block" data-language="plain">    text-decoration: none;</div><div class="ql-code-block" data-language="plain">    border-radius: 30px;</div><div class="ql-code-block" data-language="plain">    font-family: sans-serif;</div><div class="ql-code-block" data-language="plain">    box-shadow: 0 4px 6px rgba(0,0,0,0.1);</div><div class="ql-code-block" data-language="plain">    transition: transform 0.2s;</div><div class="ql-code-block" data-language="plain">}</div><div class="ql-code-block" data-language="plain"><br /></div><div class="ql-code-block" data-language="plain">.back-btn-grad:hover {</div><div class="ql-code-block" data-language="plain">    transform: scale(1.05);</div><div class="ql-code-block" data-language="plain">}</div><div class="ql-code-block" data-language="plain">&lt;/style&gt;</div><div class="ql-code-block" data-language="plain"><br /></div><div class="ql-code-block" data-language="plain">&lt;a href="javascript:history.back()" class="back-btn-grad"&gt;</div><div class="ql-code-block" data-language="plain">  &amp;#8249; Назад</div><div class="ql-code-block" data-language="plain">&lt;/a&gt;</div></div><div class="t-redactor__text">Используйте код с осторожностью.</div><div class="t-redactor__text">3. Круглая кнопка-иконка</div><div class="t-redactor__text">Используется <a href="https://www.schoolsw3.com/howto/howto_css_next_prev.php" target="_blank" rel="noreferrer noopener">специальная стрелка через CSS</a>. </div><div class="t-redactor__text">html</div><div class="t-redactor__text"><div class="ql-code-block" data-language="plain">&lt;style&gt;</div><div class="ql-code-block" data-language="plain">.round-back {</div><div class="ql-code-block" data-language="plain">    display: inline-block;</div><div class="ql-code-block" data-language="plain">    padding: 10px 15px;</div><div class="ql-code-block" data-language="plain">    background-color: #333;</div><div class="ql-code-block" data-language="plain">    color: white;</div><div class="ql-code-block" data-language="plain">    text-decoration: none;</div><div class="ql-code-block" data-language="plain">    border-radius: 50%; /* Делает кнопку круглой */</div><div class="ql-code-block" data-language="plain">    transition: background-color 0.3s;</div><div class="ql-code-block" data-language="plain">}</div><div class="ql-code-block" data-language="plain"><br /></div><div class="ql-code-block" data-language="plain">.round-back:hover {</div><div class="ql-code-block" data-language="plain">    background-color: #555;</div><div class="ql-code-block" data-language="plain">}</div><div class="ql-code-block" data-language="plain">&lt;/style&gt;</div><div class="ql-code-block" data-language="plain"><br /></div><div class="ql-code-block" data-language="plain">&lt;a href="javascript:history.back()" class="round-back"&gt;&amp;#8249;&lt;/a&gt;</div></div><div class="t-redactor__text">Используйте код с осторожностью.</div><div class="t-redactor__text">Ключевые советы по реализации:</div><div class="t-redactor__text"><ul><li data-list="bullet"><strong>Функционал:</strong> Всегда используйте href="javascript:history.back()" или onclick="history.back()" для надежного возврата.</li><li data-list="bullet"><strong>Визуализация:</strong> Добавляйте transition: all 0.3s ease; для плавного изменения цвета при наведении.</li><li data-list="bullet"><strong>Интерактивность:</strong> Используйте псевдокласс :hover для смены цвета или небольшого смещения (transform: translateX(-3px)), чтобы показать, что кнопка кликабельна.</li></ul></div><div class="t-redactor__text"><strong>Иконки:</strong> Вставляйте символы ← или &amp;#8249; перед текстом, чтобы кнопка читалась быстрее. </div><img src="https://static.tildacdn.com/ffb6456b-781b-40e8-9517-ffb5225e8bcd/imgfish.jpg"><div class="t-redactor__text"><ul><li data-list="bullet">sky.pro +1</li></ul></div><div class="t-redactor__text"><em>Примечание: Также можно реализовать кнопку, которая <a href="https://thecode.media/veb-proekt-stranitsa-s-knopkoy-kotoraya-ubegaet-ot-myshki/" target="_blank" rel="noreferrer noopener">убегает от мышки</a>, или <a href="https://habr.com/ru/companies/ruvds/articles/489820/" target="_blank" rel="noreferrer noopener">стилизовать стандартный элемент &lt;button&gt;</a></em></div><div class="t-redactor__text"><a href="https://www.google.com/search?q=%D1%81%D0%B4%D0%B5%D0%BB%D0%B0%D1%82%D1%8C+%D0%BA%D1%80%D0%B0%D1%81%D0%B8%D0%B2%D1%83%D1%8E+%D0%BA%D0%BD%D0%BE%D0%BF%D0%BA%D1%83+%D0%BD%D0%B0%D0%B7%D0%B0%D0%B4+html&amp;oq=%D1%81%D0%B4%D0%B5%D0%BB%D0%B0%D1%82%D1%8C+%D0%BA%D1%80%D0%B0%D1%81%D0%B8%D0%B2%D1%83%D1%8E+%D0%BA%D0%BD%D0%BE%D0%BF%D0%BA%D1%83+%D0%BD%D0%B0%D0%B7%D0%B0%D0%B4+&amp;gs_lcrp=EgZjaHJvbWUqBwgBECEYoAEyBggAEEUYOTIHCAEQIRigATIHCAIQIRigAdIBCTIzNDc1ajBqN6gCCLACAfEFuywKNgdraJ8&amp;sourceid=chrome&amp;ie=UTF-8">Вот ссылка на поисковую выдачу</a></div>]]></turbo:content>
    </item>
    <item turbo="true">
      <title>Вставка HTML кода</title>
      <link>http://ubd.opdir.ru/test/tai3l61xe1-vstavka-html-koda</link>
      <amplink>http://ubd.opdir.ru/test/tai3l61xe1-vstavka-html-koda?amp=true</amplink>
      <pubDate>Mon, 11 May 2026 21:39:00 +0300</pubDate>
      <category>Заметки</category>
      <turbo:content><![CDATA[<header><h1>Вставка HTML кода</h1></header><blockquote class="t-redactor__preface">Вот инструкция для вставки кода на все страницы или отдельные страницы</blockquote><img src="https://static.tildacdn.com/tild3632-6434-4462-a630-663730393331/image.png"><div class="t-redactor__text">Также добавляю ссылку с подробным описанием вставки кода HTML</div><div class="t-redactor__text"><strong><a href="https://help-ru.tilda.cc/html">Перейти</a></strong></div>]]></turbo:content>
    </item>
    <item turbo="true">
      <title>Как написать собственный сайт с задачами</title>
      <link>http://ubd.opdir.ru/test/udtyfvz0r1-kak-napisat-sobstvennii-sait-s-zadachami</link>
      <amplink>http://ubd.opdir.ru/test/udtyfvz0r1-kak-napisat-sobstvennii-sait-s-zadachami?amp=true</amplink>
      <pubDate>Mon, 11 May 2026 19:59:00 +0300</pubDate>
      <category>Вопросы гуглу</category>
      <category>Заметки</category>
      <turbo:content><![CDATA[<header><h1>Как написать собственный сайт с задачами</h1></header><h2  class="t-redactor__h2">Задал вопрос гуглу. Он выдал такое</h2><div class="t-redactor__text">Создание сайта с задачами (To-Do List, Task Manager) — отличный проект для изучения веб-разработки, включающий проектирование структуры, верстку, функционал на JS и хранение данных. Для реализации потребуется определить цели, выбрать стек технологий (например, HTML/CSS/JS или React/Node.js), спроектировать базу данных и протестировать функционал. </div><img src="https://static.tildacdn.com/tild6435-3061-4239-b866-313662623933/kak-sozdat-zadachu-v.png"><h2  class="t-redactor__h2">1. Планирование и структура (ТЗ)</h2><div class="t-redactor__text">Прежде чем писать код, необходимо четко определить, что именно будет делать сайт: <br /><ul><li data-list="bullet"><strong>Функции:</strong> Добавление, редактирование, удаление задач, отметка «выполнено», сортировка.</li><li data-list="bullet"><strong>Структура:</strong> Список задач, форма добавления, фильтры.</li><li data-list="bullet"><strong>Пример прототипа:</strong> Можно набросать структуру на бумаге или в Figma. </li></ul></div><h2  class="t-redactor__h2">2. Стек технологий</h2><div class="t-redactor__text"><ul><li data-list="bullet"><strong>Frontend (внешний вид):</strong> HTML5, CSS3, JavaScript (для интерактивности). Для сложных задач можно использовать библиотеки: React, Vue, Angular.</li><li data-list="bullet"><strong>Backend (сервер):</strong> Node.js, Python (Django/Flask) или PHP.</li><li data-list="bullet"><strong>База данных (хранение):</strong> SQL (PostgreSQL, MySQL) или NoSQL (MongoDB). Для старта подойдет localStorage в браузере.</li></ul></div><h2  class="t-redactor__h2">3. Пошаговая разработка</h2><div class="t-redactor__text"><ol><li data-list="ordered"><strong>Верстка (HTML/CSS):</strong> Создайте форму ввода и контейнер для списка задач.</li><li data-list="ordered"><strong>Логика (JS):</strong> Напишите функции для добавления задачи в массив, удаления из него и рендеринга списка на странице.</li><li data-list="ordered"><strong>Хранение данных:</strong> Используйте localStorage.setItem() для сохранения списка, чтобы задачи не пропадали после обновления страницы. </li></ol></div><h2  class="t-redactor__h2">4. Запуск (Хостинг)</h2><div class="t-redactor__text"><ul><li data-list="bullet"><strong>Бесплатные варианты:</strong> GitHub Pages, Netlify, Vercel (идеально для фронтенда).</li><li data-list="bullet"><strong>Домен:</strong> Приобрести имя можно у регистраторов типа Reg.ru. </li></ul></div><h2  class="t-redactor__h2">5. Помощь ИИ</h2><div class="t-redactor__text">В 2026 году можно использовать ИИ-инструменты (например, ChatGPT) для генерации структуры, написания текстов и даже создания базового кода (HTML/CSS/JS).</div>]]></turbo:content>
    </item>
  </channel>
</rss>
