Coding
248 subscribers
5.86K photos
1.47K videos
34 files
5.9K links
Статьи и ссылки с разных ресурсов, для начинающих программистов.
Download Telegram
Дайджест опубликован — 60 items, отобрал самые интересные.
🐙 Open UI – инструмент для создания верстки с помощью нейросети. На основе текстового описания генерируется дизайн и код страниц.

Сайтодел | #репозиторий #github
🎨 Цветовая палитра макета "Cosmetic & Skincare Branding"

HEX | RGB
#FEF6A5 | rgb(254,246,165)
#FF7A01
| rgb(255,122,1)
#0224AA | rgb(2,36,170)

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

Сайтодел | #палитра
This media is not supported in your browser
VIEW IN TELEGRAM
🤨 Мы всё таки живем в симуляции... пруфы 👆

С добрым утром!
🖥 MinerU — бесплатный open-source инструмент , который превращает PDF, Word, Excel и даже сканы в идеальный Markdown.

В отличие от обычного OCR:
сохраняет структуру документа;
извлекает таблицы, изображения и формулы;
убирает колонтитулы, сноски и номера страниц;
поддерживает 109 языков;
работает полностью локально — документы никуда не загружаются.

Идеально для тех, кто загружает документы в ChatGPT, Claude, строит RAG, базы знаний или просто устал копировать текст из PDF вручную.

⚙️ Простая установка

pip install -U mineru

▶️ Использование

mineru input.pdf -o output/

На выходе получите:
⭐️ Markdown
⭐️ JSON
⭐️ Все изображения
⭐️ Таблицы
⭐️ Формулы в LaTeX

Сохраняем. Один из самых полезных инструментов для работы с документами и ИИ за последнее время.

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

#python #soft #github
Надоело долбить LeetCode в пустоту? 🎮

Девстанция — это не очередной список задач. Это RPG для программиста:

🕸 Паутина вместо списка. Каждая задача — узел на графе. Открываешь одни — открываешь путь к другим. Панорамируешь, зумишь, видишь прогресс физически. Skill Tree в мире кодинга.

🏆 Сезоны. 180 дней на прохождение паутины. В конце — нагрды и подведение итогов. Каждый сезон — перерождение. Никто не стартует с форой.

🔥 Геймификация. Стрики, ежедневные челленджи, достижения, рейтинги за сегодня/вчера/неделю/сезон, графики активности — ощути прилив азарта.

👥 Лента событий. Видишь, кто только что решил задачу, кто взял золото дня, кто выбил ачивку. Ты не один в тёмной комнате.

Первый сезон уже идёт. Заходи в паутину 🕸

👉 Решай задачи на dev-station.ru
Языковые модели пишут код быстрее нас, но как теперь защитить систему от уязвимостей? Эту тему и не только обсудим на ежегодном ИТ-фестивале Выходной с Selectel.

🗓 25 июля | Эрарта, Санкт-Петербург или онлайн

В фокусе для разработчиков и специалистов по машинному обучению:

😅 Опыт изнутри: как ИИ-агенты влияют на появление уязвимостей и как выстроить надёжные проверки и ограничения.
😅 Практика и архитектура: проектирование ИИ-агента на базе платформы для создания ассистентов Harness. Поставим и настроим под себя консольное приложение для работы с базами данных — освоим соавторство с ИИ на практике.
😅 Кодинг и карьера: каких разработчиков ищет рынок, как преодолеть собственные барьеры перед внедрением ИИ и сколько реально стоит одна задача, написанная в соавторстве с моделью.


Участие бесплатное, регистрация обязательна: 👉 Зарегистрироваться на Selectel Day Off...

Перейти на оригинальный пост
💻 Репозиторий — чит-код для кибербезопасника

Полный арсенал для пентеста и аудита безопасности, аккуратно разложенный по категориям — от разведки до финального отчёта.

🕵️ Разведка
Инструменты, которые показывают, какие данные о вас, доменах и компаниях уже лежат в открытом доступе.

🧨 Сканеры уязвимостей
Проверяют сайты, API и сервера на дыры — от банальных misconfig до серьёзных проблем безопасности.

⚔️ Пентест-инструменты
Эмуляция атак, чтобы понять, где система «сыпется» под давлением.

📡 Анализ Wi-Fi и сетей
Проверка сетей на возможность перехвата трафика и несанкционированного доступа.

🧠 Digital Forensics
Вытаскивание удалённых файлов, метаданных и цифровых следов.

🚀 Стресс-тестирование
Нагрузка на сервисы и сайты, чтобы проверить их предел прочности.

🔍 Перехват и анализ трафика
Смотрим, какие данные реально гуляют по сети.

🔐 Тестирование паролей
Проверка устойчивости к брутфорсу и слабым комбинациям.

🌐 Анализ веб-приложений
Поиск скрытых директорий,...

Перейти на оригинальный пост
Почему textarea часто ломает layout?

По умолчанию textarea можно тянуть во все стороны.

Пользователь легко может растянуть её по ширине и сломать grid, flex или весь form-layout.

Обычно никто это не контролирует.
textarea {
resize: both;
}

Из-за этого форма начинает разъезжаться, особенно в боковых панелях, модальных окнах и узких контейнерах.

Лучше сразу ограничить направление resize.
textarea {
resize: vertical;
}

Теперь пользователь может увеличить высоту, но ширина layout остаётся стабильной.

Если resize вообще не нужен:
textarea {
resize: none;
}

Это особенно полезно для сложных форм.
.modal textarea,
.sidebar textarea {
resize: vertical;
}

🔥 Контроль resize убирает неприятные layout-баги в формах и делает UI заметно стабильнее.

📣 Code Ready | #совет
🐙 Front End Web Development Resources – репозиторий с полезными материалами для разработчиков. Здесь есть ссылки на полезные статьи, блоги, Youtube-каналы, фреймворки и библиотеки иконок.

Сайтодел | #репозиторий #github
Платить за иностранный интернет-трафик в России не придётся.

😎 Будет ли вообще какой-то трафик к сентябрю не сообщается
This media is not supported in your browser
VIEW IN TELEGRAM
💾 Parametric Surface – объемные вращающиеся фигуры, написанные с помощью библиотеки Three.js. Структуру фигурки в разноцветных цветах можно увидеть, если навести на нее курсор.

Сайтодел | #сниппет #css
📰 RSS Дайджест | 8 июля 2026

Нейросети AI
• GPT-5.6 Sol + Terra/Luna запускаются в четверг
• Hy3 - впечатляющие возможности (LocalLLaMA)
• Deepseek-V4-Flash GGUF от Unsloth
• GLM-5.2 на 8xB200 - математика деплоя
• Local уже достаточно хорош
• Anthropic's Jacobian Lens тест
• Beijing НЕ ограничивает доступ к китайским моделям (опровергнуто)
• NVIDIA Nemotron-Labs 3 Puzzle 75B

Новости
• Microsoft экономит на AI, полагаясь на свои модели
• Meta запустила Muse Image - пользователи против использования фото
• Discord признал баг AI-модерации (баны за безобидные фото)
• Figma купила команду vibe-coding приложения
• Худшие взломы 2026 года
• Google Pixel event 12 августа

Tech / Dev
• Tenda firmware содержит скрытый бэкдор
• Local TTS с Kokoro
• MIT SICP видеолекции (1986)
• CSS border-shape скоро

[Источники: Hacker News, LocalLLaMA, TechCrunch, CSS-Tricks]
Дайджест опубликован в канал @myselfcoding
🖥 Virtual Reality Landing Page Concept – футуристичный дизайн для лендинга про виртуальную реальность. Преобладают оттенки голубого, фиолетового и красного.

Сайтодел | #макет #figma
This media is not supported in your browser
VIEW IN TELEGRAM
⌨️ Очередной шедевр вайбкодинга

За эту разработку и премию дадут.

С добрым утром 😎
✍️ Notes Desktop — интересный проект, настольное приложение для заметок в стиле Telegram Desktop.

Приложение полностью оффлайн — без серверов и телеметрии. Опциональный движок peer-to-peer синхронизации позволяет устройствам обмениваться заметками напрямую по локальной сети.

⚙️ Простая установка
python3.11 -m venv .venv
source .venv/bin/activate
pip install -r requirements.txt

▶️ И запуск
./run.sh

🔐 Заметки шифруются локально, обеспечивая высокий уровень безопасности и конфиденциальности пользовательских данных.

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

#python #soft #github
👩‍💻 Можно ли вывести видео поверх всех окон на странице или даже за пределы браузера?

Псевдокласс :picture-in-picture в CSS применяется к видео, которое находится в режиме «картинка в картинке». Он позволяет стилизовать элемент , когда пользователь вынес его в плавающее окно поверх других приложений или вкладок.

Как это используется:
изменение оформления видео в PiP-режиме;
визуальная индикация активного режима воспроизведения;
адаптация интерфейса под плавающее окно.


Комбинируйте с соседними селекторами (~, +) и :has(), чтобы менять другие элементы интерфейса, пока видео в PiP.

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

Сайтодел | #репозиторий #github