💾 Motion Blurred Number – счетчик цены с заданными точками на "круглых" числах. Ползунок можно перетаскивать, а можно и кликать на любую точку шкалы.

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

🔥 Хватит делать скучные инфографики!

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

Внутри стили практически на любой вкус:

💬 карандашный скетч;
💬 меловая доска;
💬 пластилиновая анимация;
💬 миниатюрный мир (Tilt-Shift);
💬 инженерный чертёж;
💬 акварель;
💬 современная Flat Illustration;
💬 неоновый киберпанк;
💬 винтаж;
💬 бумажная аппликация.

Достаточно заменить одну переменную {ТЕМА}, и можно генерировать красивые инструкции, шпаргалки, чек-листы, обучающие карточки, презентации, посты и контент для соцсетей.

1. Скетч

Создай инфографику в стиле карандашного скетча на листе блокнота. Ручные наброски, стрелки, подписи от руки, простые иконки, эффект настоящей записной книжки. Минималистичная чёрно-белая графика и бумажная текстура.

Тема: {ТЕМА}.

2. Меловая доска...

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

Магия Lovable: как создавать готовые интерфейсы с помощью одного запроса.
Бесплатный урок курса «Вайб-кодинг: создание цифровых продуктов с ИИ»

Lovable может за минуты собрать экран, который выглядит как почти готовый интерфейс. Но результат зависит не от «магии нейросети», а от того, насколько точно вы ставите задачу. Один расплывчатый запрос даст случайный макет, а правильно собранный системный промпт — понятную структуру, единый стиль и экран, который уже можно показывать команде, заказчику или использовать для проверки идеи.

На открытом уроке 2 июля в 20:00 разберём, как формулировать задачи для Lovable, чтобы получать предсказуемый результат с первой попытки. Поговорим о структуре системного промпта, ключевых словах, которые помогают превратить текст в качественный интерфейс, и способах доработки результата через встроенный редактор и повторные запросы. Отдельно обсудим, как управлять компонентами, просить нейросеть переиспользовать элементы и сохранять единый...

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

🖥 AI and Machine Learning Landing Page – сайт для приложения, использующего нейросеть. Выполнен в холодных пастельных тонах, которые хорошо сочетаются с темным фоном.

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

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

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

💾 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 | #совет