💾 Portfolio Page – сайт-портфолио с анимированными элементами и ссылками на примеры работ. При наведении курсора на круглую картинку она становится цветной.

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

😂 Это мем из будущего, вы пока не поймете...

🎨 Цветовая палитра макета "AI and Machine Learning Landing Page"

HEX | RGB
#96DDEE | rgb(150,221,238)
#FD82F4 | rgb(253,130,244)
#9640E2 | rgb(150,64,226)

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

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

Дедлайны горят, а твои глаза уже нет. Что делать, если ты за#бался и хочется просто залипать в телефоне?

И вроде понимаешь, что НАДО, но от этого еще больше сопротивление.

Если близкие думают, что ты зажрался, а тебе и самому от себя уже тошно, но как себя взбодрить – непонятно, советую посмотреть вот что: https://t.me/Manifestans

Ты 100% себя узнаешь, а значит 100% получишь пользу от того, что там увидишь!

Если ты еще не собрал пожитки и не ушел отшельником в лес – есть шанс тебя оживить и вернуть эмоции и интерес к жизни.

Кликай сюда и начинай приходить в себя.

💻 Комбайн для поиска информации — более 840 инструментов в одном месте

Aliens Eye — мощный open-source набор утилит, который помогает собирать информацию из открытых источников и автоматизировать десятки задач по поиску данных.

🟢 Более 840 инструментов для работы с сайтами, соцсетями, доменами, IP-адресами, хостингами, почтовыми адресами и другими открытыми источниками.
🟢 Запускает нужные проверки буквально в пару кликов — не нужно вручную искать десятки отдельных сервисов.
🟢 Формирует готовые отчёты в JSON, CSV, HTML и Markdown.
🟢 Полностью бесплатный и с открытым исходным кодом.

Инструмент пригодится:
🔣сталкерам,
🔣специалистам по кибербезопасности,
🔣исследователям,
🔣администраторам,
🔣разработчикам и всем, кто работает с анализом открытых данных.

💻 Информация предоставлена исключительно с целью ознакомления. И побуждает обратить внимание на проблемы в безопасности.

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

#python #soft #github

🖥 Template Plants Animated – дизайн веб-страниц в оттенках холодного и теплого зеленого. Приятный бонус - изображения растений без фона в формате PNG.

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

🐙 DrawDB – бесплатный, простой и интуитивно понятный инструмент для дизайна баз данных, а также генератор SQL. В приложение также можно импортировать DDL-скрипты и JSON-файлы, чтобы построить на их основе диаграммы.

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

😄 А он определенно что-то знает...

⚔️ Кто ты воин? Доброе утро!

✍️ Нашёл полезную статью на Хабре про современные возможности CSS, которые позволяют избавиться от старых костылей и писать код проще!

В этой статье:
• Показано, как решить проблему прыгающего контента через scrollbar-gutter;
• Разбираются современные CSS-возможности: system-ui, light-dark(), margin-inline и align-content;
• Объясняется, как сделать код чище, короче и удобнее для поддержки без лишних Flexbox и Grid-конструкций.


🔊 Продолжай читать на Habr!

📣 Code Ready | #статья

💾 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