🌟 Предел возможностей вайбкодинга достигнут

Какая эпоха, такие и стартапы ⭐

💾 Card Spread Position – набор карточек, которые "разлетаются" из общей куче во время прокрутки страницы вниз. В каждую карточку можно вставить изображение.

Сайтодел | #сниппет #css

💾 Lottie Animations in React – анимация, написанная на библиотеке Lottie. Весь код находится в JS-файле, а HTML и CSS не используются.

Сайтодел | #сниппет #css

📰 <b>RSS Daily Digest</b> | 30 июня

<b>AI</b>
• DeepSeek V4 PR merged into llama.cpp <a href="https://www.reddit.com/r/LocalLLaMA/comments/1uj0fkw/deepseek_v4_pr_merged_into_llamacpp/">reddit</a>
• LongCat-2.0 — new MoE модель с 1.6T параметров <a href="https://longcat.chat/blog/longcat-2.0/">longcat.chat</a>
• Qwen3.6-27B — "sweet spot" для локальной разработки <a href="https://quesma.com/blog/qwen-36-is-awesome/">quesma</a>
• Anthropic + California government: сделка на полцены <a href="https://techcrunch.com/2026/06/29/anthropic-and-gov-newsom-forge-deal-allowing-california-government-to-use-claude-at-half-price/">TechCrunch</a>
• "I Hate Dario Amodei" — дискуссия на r/LocalLLaMA <a href="https://www.reddit.com/r/LocalLLaMA/comments/1uj7xcs/i_hate_dario_amodei_and_everything_he_stands_for/">reddit</a>

<b>Tech</b>
• .self — новый TLD для самохостинга <a href="https://hccf.onmy.cloud/2026/06/21/reclaiming-our-digital-selves-hccfs-vision-for-a-human-centered-top-level-domain/">hccf</a>
• Memory Safe Context Switching <a href="https://fil-c.org/context_switches">fil-c.org</a>
• PDP-1 Lisp (1960) — исследование <a href="https://obsolescence.dev/pdp1-lisp-introduction.html">obsolescence.dev</a>

<b>Новости</b>
• Chamath Palihapitiya запускает AI coding startup — $135M Series A <a href="https://techcrunch.com/2026/06/29/chamath-palihapitiya-raises-135m-series-a-for-his-ai-coding-startup-takes-ceo-role/">TechCrunch</a>
• Cursor теперь с мобильным приложением <a href="https://techcrunch.com/2026/06/29/cursor-now-has-a-mobile-app-for-guiding-your-coding-agent-on-the-go/">TechCrunch</a>
• Waymo и Uber расстались в Phoenix <a href="https://techcrunch.com/2026/06/29/waymo-and-uber-quietly-part-ways-in-phoenix/">TechCrunch</a>
• Arena AI leaderboard — теперь бизнес на $100M <a href="https://techcrunch.com/2026/06/29/arena-the-ai-leaderboard-everyone-uses-is-now-a-100m-business/">TechCrunch</a>

<b>Наука</b>
• 300k-year-old Cave Site в северном Израиле <a href="https://archaeology.org/news/2026/06/18/300000-year-old-cave-site-explored-in-northern-israel/">archaeology.org</a>
• Молекулярные структуры в жидкой воде <a href="https://phys.org/news/2026-06-scientists-molecular-evidence-liquid.html">phys.org</a>

🧙‍♂️

💾 AI Inside – спиннер в виде объемного кольца, созданный с помощью библиотеки анимации GSAP. В середине спиннера скрыт еще один графический элемент.

Сайтодел | #сниппет #css

🐙 Project Based Learning – список уроков для начинающих разработчиков, по которым можно создавать небольшие проекты с нуля. Уроки делятся на языки, среди которых есть JavaScript.

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

💾 Hexagon Rotating Gradient Border – лоадер, представляющий собой шестиугольник, по периметру которого вращается неоновый свет. Наверху поток замедляется, а внизу наоборот ускоряется.

Сайтодел | #сниппет #css

💾 Lottie Animations in React – анимация, написанная на библиотеке Lottie. Весь код находится в JS-файле, а HTML и CSS не используются.

Сайтодел | #сниппет #css

💾 Glide To Reveal – форма со скрытым паролем. Эффект размытия создан с помощью псевдокласса :has() в CSS.

Сайтодел | #сниппет #css

BOILERPLATE [ˈbɔɪləpleɪt] (бойлэплэйт)
Шаблон, шаблонный

🇬🇧 These are the boilerplate parts of the program.

🇷🇺 Это шаблонные части программы.

@EnglishScript

💾 Colorful Mobile Navigation Bar – меню, которое меняет цвет фона страницы и элементов иконки. Для поиска появляется поле ввода.

Сайтодел | #сниппет #css

😁 Что нас ждет в будущем...

С добрым утром! ☕️

💰 Python + ИИ + фондовый рынок = интересный open-source проект

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

Возможности:
➡️ новости прямо на графике цены;
➡️ AI-анализ причин движения рынка;
➡️ поиск похожих ситуаций из прошлого;
➡️ прогноз на основе новостей и технических индикаторов.

📊 Отличная база для тех, кто хочет изучить анализ рынка, исследовать влияние новостей, работать с настроениями инвесторов или собрать собственный аналитический сервис.

💻 Это инструмент для анализа и исследований, а не гарантия заработка на рынке.

🔗 Сохраняем, проект заслуживает внимания

#python #soft #github

🎨 Цветовая палитра макета "HaHo Mobile UI Kit"

HEX | RGB
#EAEBE5 | rgb(234,235,229)
#FE6A5E | rgb(254,106,94)
#455A53 | rgb(69,90,83)

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

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

🔥 Онлайн-хакатон с призовым фондом 15 000 000 рублей

Ozon Tech решил провести нетипичный хакатон Робозон — нужно погрузиться в область автоматизации сортировочных процессов.

📅 Регистрация до 11 июля

Задачи на реальных данных е-кома:

📦 моделирование сортировочного центра;
🏗 проектирование сортировщиков для автоматизации процессов;
👁 разработка системы распознавания и обработки товаров (CV).

Что получают участники помимо шанса выиграть деньги:

— нетворк, поддержку экспертов Ozon Tech и возможность поработать с ними в команде;
— билеты на конференцию E-CODE для финалистов;
— апгрейд своих навыков и крутой кейс в портфолио.

👍 Сохраняем, если давно хотели поучаствовать в серьёзном инженерном хакатоне.

AI-инструменты можно любить и ненавидеть, но работать без них в IT уже практически невозможно 🤩

Коллеги из AvitoTech 11 июля зовут в их офис на Лесной на AI Hardcore Day. Приглашают тех, кто каждый день сталкивается с AI в работе и даже пишет своих AI-агентов. Обещают доклады и нетворкинг-сессию на террасе после — и всё это без записи.

💫 Среди тем:
— Spec-Driven Development: теория, инструменты, практика.
— Разработка и тестирование MCP для внутренних агентных систем аналитики.
— Выпрямляем руки агентов: как сделать MCP удобными и действительно полезными.
— Атаки на GenAI-агентов: OWASP на практике.

➡ Регистрация тут!

Маленькая UI-деталь, которая влияет на восприятие интерфейса!

Часто бывает: кликаешь по button, tab, dropdown-item или card-action и выделяется текст.

Интерфейс сразу выглядит менее качественным.
.button {
user-select: none;
}

Теперь текст внутри элемента нельзя случайно выделить мышью или тапом.

Это особенно полезно для интерактивных элементов.
button,
.tab,
.badge {
user-select: none;
}

Но важно не применять это глобально.
body {
user-select: none;
}

Так можно сломать UX: пользователь не сможет копировать текст.

Используй только там, где выделение реально не нужно.
button,
.control,
.action

Это маленькая деталь, но она заметно улучшает UI.

🔥 user-select: none — простой способ сделать интерфейс визуально чище и приятнее.

📣 Code Ready | #совет

📰 <b>RSS Daily Digest</b> | 1 июля

<b>Tech</b>
• Nintendo подняла зарплату сотрудникам на 10%
• Asahi Linux 7.1 Progress Report
• Godot больше не принимает AI-код (интересно для моего канала!)
• ArXiv's Next Chapter
• Claude Sonnet 5 вышел
• Claude Code помечает запросы steganographically

<b>Новости</b>
• "Отец интернета" наконец уходит на пенсию
• Trump снял ограничения с моделей Anthropic
• Wayve: $85M employee tender offer при оценке $8.5B
• Nvidia-конкурент Etched: $5B оценка, $1B продаж
• Realta Fusion: генерация электричества напрямую из реакции (впервые!)
• Google представила Nano Banana 2 Lite

<b>WebDev</b>
• CSS-Tricks: Gap Decorations, random(), field sizing

<a href="https://news.ycombinator.com/rss">Hacker News</a> • <a href="https://techcrunch.com/feed/">TechCrunch</a> • <a href="https://css-tricks.com/feed/">CSS-Tricks</a>

🖥 HaHo Mobile UI Kit – дизайн-система для мобильных приложений, которая включает самые разные элементы интерфейса: формы, календари, инфографику, галереи, чаты и тд.

Сайтодел | #макет #figma

💻 HackTheBox Walkthrough на русском языке, огромная практическая подборка прохождения машин от RalfHacker с Хабра

➡️ Hack The Box. Уровень Easy:
• Прохождение Traceback. Бэкдор, LUA, SSH.
• Прохождение Omni. Ломаем легенький Windows IoT.
• Прохождение Buff. RCE в CMS Gym и в CloudMe.
• Прохождение Tabby. RCE в Tomcat, и повышаем привилегии через LXD.
• Прохождение Blunder. Ломаем Bludit CMS.
• Прохождение Remote. NFS, RCE в CMS Umbraco и LPE через UsoSvc.
• Прохождение Sauna. LDAP, AS-REP Roasting, AutoLogon, DCSync атака.
• Прохождение Nest. NTFS потоки, реверс C# и бродилка по SMB.
• Прохождение Traverxec. RCE в веб-сервере nostromo, техника GTFOBins.
• Прохождение Forest. AS-REP Roasting, атаки DCSync и Pass-The-Hash.
• Прохождение Postman. Redis и WebMin.

➡️ Hack The Box. Уровень Medium:
• Прохождение лаборатории Professional Offensive Operations. Пентест Active Directory.
• Прохождение Monteverde. Брут SMB и LPE через Azure Admins.
•...

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

🐙 JS2Flowchart – библиотека для визуализации JavaScript-кода. Она генерирует блок-схемы, позволяет настроить стиль и показать код на разных уровнях абстракции.

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