Coding
248 subscribers
5.87K photos
1.47K videos
34 files
5.91K links
Статьи и ссылки с разных ресурсов, для начинающих программистов.
Download Telegram
📱 Раскрывающийся блок FAQ без библиотек!

Привет! В этом гайде соберём аккордеон для часто задаваемых вопросов — лёгкий и доступный.

Ключевые моменты:
• HTML: семантическая разметка и aria-атрибуты для доступности.

• CSS: плавное открытие/закрытие блоков без прыжков.

• JavaScript: простой toggle и синхронизация с aria-expanded.


Полезный UI-паттерн, который улучшает читаемость и делает интерфейс чище.

📣 Code Ready | #гайд
This media is not supported in your browser
VIEW IN TELEGRAM
💾 Boxy Preloaders – лоадеры из анимированных градиентных прямоугольников. Каждый элемент выглядит мягким и пластичным, а также меняет свой цвет.

Сайтодел | #сниппет #css
🔥 Парсим Ozon

👨‍💻 Ozon-parser — софт, который автоматизирует сбор данных с Ozon — прямо у тебя под рукой!

С графическим интерфейсом и Telegram-ботом. Многопоточный сбор данных о товарах и продавцах.

📦 Что умеет:
💬 Забирает до 10 000 товаров из любой категории.
💬 Получает артикулы, названия, цены.
💬 Извлекает инфу о продавцах: ИНН, рейтинг, заказы.
💬 Работает через удобный GUI или Telegram-бота.
💬 Поддерживает многопоточность (в разы быстрее!).
💬 Делает экспорт в Excel/JSON и шлёт всё тебе в телегу.

⌨️ Управление на максималках:
— /start, /status, /settings — бот принимает команды
— Настраиваешь, парсишь, смотришь результат в Excel
— Всё логируется, всё под контролем

💬 Подходит для:
— E-commerce аналитиков
— Поставщиков
— Реселлеров
— Исследователей маркетплейсов
— И просто фанатов автоматизации

🚀 Запуск в несколько кликов

⚙️ Установка:
git clone https:/...

Перейти на оригинальный пост
🔥 Парсим Ozon

👨‍💻 Ozon-parser — софт, который автоматизирует сбор данных с Ozon — прямо у тебя под рукой!
🎨 Цветовая палитра макета "Chat UI Kit"

HEX | RGB
#EFE4C4 | rgb(239,228,196)
#C2EFE8
| rgb(194,239,232)
#B4D5FC | rgb(180,213,252)

⚠️ Цвет копируется одним кликом!

Сайтодел | #палитра
This media is not supported in your browser
VIEW IN TELEGRAM
💀 Кажется началось...

С добрым утром! ☕️
🖥 Unlimited-OCR — новая open-source модель, которая умеет анализировать десятки страниц документа за один запуск, без разбиения на отдельные изображения. Проект построен на новой архитектуре R-SWA, благодаря которой скорость практически не падает даже на очень длинных документах.

Что умеет?
📚 Обрабатывает целые книги, PDF, научные статьи, инструкции и большие документы одним проходом.
🖼 Работает не только с PDF, но и с отдельными изображениями, сканами и фотографиями документов.
🌍 Поддерживает множество языков.
📄 Сохраняет структуру документа и корректно извлекает длинные тексты.
✂️ Не требует разрезать PDF на десятки частей — модель рассчитана на длинные последовательности и может распознавать десятки страниц за один запуск.

Подходит для:
* обучения по электронным книгам;
* оцифровки архивов;
* подготовки данных для RAG;
* поиска информации в больших PDF;
* создания собственных AI-баз знаний.

⚙️ Установка

Клонируем проект:
git clone
cd Unlimited-OCR

Устанавливаем зависимости:
pip install torch torchvision transformers pymupdf pillow matplotlib einops addict easydict psutil

▶️ Пример использования

from transformers import AutoModel, AutoTokenizer

model = AutoModel.from_pretrained(
"baidu/Unlimited-OCR",
trust_remote_code=True
)

Простой пример распознавания PDF:
model.infer_multi(
tokenizer,
prompt='Multi page parsing.',
image_files=pdf_to_images('your_doc.pdf', dpi=300),
output_path='your/output/dir',
image_size=1024,
max_length=32768,
no_repeat_ngram_size=35, ngram_window=1024,
save_results=True,
)

💬 Если вы работаете с огромными PDF, учебниками, исследованиями или строите AI-системы поверх документов, Unlimited-OCR выглядит одним из самых интересных открытых OCR-проектов.

Ключевая особенность — возможность обрабатывать длинные документы целиком без традиционного разбиения на страницы, что упрощает конвейер обработки и ускоряет работу с большими объемами данных.

♎️ GitHub/Инструкция

#python #soft #github
Генерируем UUID без библиотек!

Очень частая задача: создать уникальный id для пользователя, заказа, файла или любой сущности.

Раньше для этого почти всегда тянули библиотеки типа uuid.
import { v4 as uuid } from 'uuid';

Хотя в современном JavaScript это уже есть нативно.
crypto.randomUUID()

Метод сразу возвращает криптографически стойкий UUID v4.
const id = crypto.randomUUID();

Результат выглядит так:
36b8f84d-df4e-4d49-b662-bcde71a8764f

Подходит для случаев, где нужен уникальный идентификатор: id сущностей, ключи записей, request/session id, временные идентификаторы.

Для секретных токенов (reset password, API tokens) лучше использовать crypto.getRandomValues() или crypto.randomBytes().

В браузере работает в secure context — HTTPS или localhost.

🔥 crypto.randomUUID() — простой способ получать уникальные id.

📣 JS Ready | #совет
This media is not supported in your browser
VIEW IN TELEGRAM
Делаешь сайты? Теперь весь процесс: от создания проекта до общения с клиентом и сдачи результата можно вести на одной платформе

Poehali.dev превращает описание в готовый продукт: сайт, лендинг или приложение с бэкендом и публикацией на домен. Верстку, создание картинок, настройку и деплой берёт на себя ИИ-агент, а вы контролируете результат и правите, где нужно. Типовой лендинг сдаётся за вечер, освободившееся время — на новые заказы или сложные проекты с высоким чеком.

Внутри:
фичи для фрилансеров — свои шаблоны, передача проекта и чат с заказчиком
шаблоны и расширения — чтобы создавать быстро, а не с нуля
хостинг — встроенные бэкенд и база данных создают не просто картинку, а рабочий сайт с мгновенной публикацией на твой домен
ИИ-агент — сам планирует, пишет и запускает, а не просто даёт ответ

👉 Попробуйте бесплатно — и получите первый лендинг по промокоду [ LAND9T ] до 31.07.


Сервис работает на русском языке и без VPN. Подходит для лендингов курсов,...

Перейти на оригинальный пост
🐙 Front End Web Development Resources – полезный репозиторий с материалами для обучения фронтенду. Тут есть карта развития (roadmap) разработчика, описание инструментов и редакторов кода, ссылки на блоги, каналы и подкасты.

Сайтодел | #репозиторий #github
Вы никогда не увидете меня в бою вот так 👆
Ведь я стал профи с курсами Академии Selectel

Эксперты собрали более 30 бесплатных курсов для тех, кто только начинает или уже уверенно пишет код на языке программирования Python. На одном из них вы освоите:

🔸 набор инструментов и расширений, которые ускоряют создание кода;
🔸 работу с библиотеками, чтобы создавать приложения с графическим интерфейсом;
🔸 основы сбора аналитики с веб-страниц.

Эксперты регулярно делятся полезными материалами, новостями и задачами в канале Академии Selectel. Подпишитесь: https://t.me/+TKIujF7d4hoyYzRi

Реклама. АО "Селектел". erid:2W5zFFw7TZB
💻 WhatsMyName — крутой, бесплатный инструмент разведки, который проверяет сотни сайтов и ищет цифровые следы по username агрегируя данные из открытых источников.

Возможности
🟢Проверяет более 600 популярных сервисов: Telegram, YouTube, нельзяграм, форумы, игровые платформы, маркетплейсы, соцсети, GitHub и многие другие.
🟢Автоматически определяет, существует ли пользователь с указанным никнеймом.
🟢Позволяет быстро находить связанные аккаунты на разных площадках.
🟢Помогает обнаружить старые или забытые профили, которые могут содержать личную информацию.
🟢Работает прямо в браузере — ничего устанавливать или регистрироваться не нужно.

Большинство пользователей используют один и тот же логин годами. Достаточно найти его на одной площадке, чтобы постепенно выйти на остальные аккаунты, узнать интересы человека, профессиональную деятельность, проекты, сообщества и даже восстановить историю его активности в интернете.

Где пригодится?
🔣Проверить собственный цифровой...

Перейти на оригинальный пост
This media is not supported in your browser
VIEW IN TELEGRAM
💾 Blob – фоторамка с подвижными границами. Область фотографии отталкивается от курсора и почти сразу возвращается на свое место.

Сайтодел | #сниппет #css
This media is not supported in your browser
VIEW IN TELEGRAM
💾 Mouse Balls Animation – эффект для курсора в виде разноцветных кругов. Каждый элемент со временем тускнеет и уменьшается в размере.

Сайтодел | #сниппет #css
This media is not supported in your browser
VIEW IN TELEGRAM
😎 Что такое полное погружение

🔫 Китайский геймер в Танки с ником «Blyat» показал свой сетап

У парней целый экипаж — и мехвод, и заряжающий и наводчик 😨

#cyberpunk
This media is not supported in your browser
VIEW IN TELEGRAM
💾 X-Ray Text Hover Effect – эффект "рентгена" для текста. При наведении курсора он показывает только обводку букв и убирает их заливку.

Сайтодел | #сниппет #css
🎙 CosyVoice 3 — открытая нейросеть, которая умеет озвучивать текст, клонировать голос по короткому примеру и говорить сразу на нескольких языках — включая русский. Причем всё это можно запускать локально.

Возможности:
🎤 Клонирование голоса по короткому аудиофрагменту (Zero-Shot Voice Cloning).

🌍 Поддержка различных языков, включая русский, английский, немецкий, французский, испанский, японский и другие.

🗣 Генерация речи с управлением:
* эмоциями;
* скоростью;
* громкостью;
* стилем;
* акцентом;
* языком.

⚡️ Потоковая генерация голоса с задержкой около 150 мс, что позволяет использовать модель для голосовых ассистентов и общения в реальном времени.

🧠 Корректно читает:
* числа;
* даты;
* валюты;
* специальные символы;
* сложные текстовые конструкции без дополнительных модулей нормализации текста. ([GitHub][1])

🎧 Поддерживает кросс-языковое клонирование — например, можно использовать образец голоса на одном языке и синтезировать ре...

Перейти на оригинальный пост
✍️ Anton – адаптация традиционного рекламного шрифта без засечек для экранов цифровых устройств. Пример можно увидеть в сниппете Template Plants Animated

Сайтодел | #шрифт
Сайтодел | GitHub, Верстка, Сайты, FullStack pinned a GIF
✍️ EB Garamond – классический шрифт с засечками, вдохновленный шрифтами 1500-х годов. Подходит для небольших надписей. Шрифт можно увидеть в заголовках однотонных карточек в макете Colour Palettes/Moodboards

Сайтодел | #шрифт