🐙 Venom – библиотека JavaScript для WhatsApp, с помощью которой можно использовать искуственный интеллект для распознавания предложений и создавать боты.

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

🖥 Mobile App For Furniture – минималистичный дизайн мобильного приложения для магазина мебели. Здесь выбран один основной цвет (сине-серый), который дополняется серым и другими цветами с картинок.

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

💀 Чертовы роботы захватят мир и ликвидируют людей!

Тем временем роботы...😎

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

#cyberpunk

🖥 SH freud UI Kit – дизайн для трекера настроения. Здесь использованы теплые, нежные оттенки и светло-кремовый фон, который ассоциируется с расслаблением и уютом.

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

🌐 Google Maps Scraper — интересный Python-инструмент, скрипт автоматически собирает информацию о компаниях прямо из Google Maps

💬 Название компании
💬 Адрес
💬 Телефон
💬 Сайт
💬 Количество отзывов
💬 Средний рейтинг
💬 Наличие доставки
💬 Самовывоз и покупки в магазине

В результате получаем готовую CSV-таблицу, которую можно использовать для:

📈 Поиска клиентов и лидов.
🎯 Настройки рекламы по конкурентам.
📊 Анализа рынка в любом городе.
📞 Создания собственной базы контактов.
🤖 Интеграции с CRM и AI-агентами.

Python + Playwright + Google Maps = мощный инструмент для маркетинга, продаж и анализа рынка.

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

Установка:
git clone https://github.com/zohaibbashir/Google-Maps-Scrapper.git
cd google-maps-scraper
pip install -r requirements.txt
playwright install

▶️ Пример использования:
python main.py -s "Turkish...

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

🐱 Наткнулся на очень полезную статью на Хабре: «Мне этот Chrome DevTools теперь абсолютно понятен»!

В этой статье:
• Подробно разбираются основные инструменты Chrome DevTools — Elements, Console, Sources, Network и их применение;
• Показывается, как эффективно искать баги, анализировать DOM, отлаживать JavaScript и отслеживать сетевые запросы;
• Объясняются возможности DevTools: Workspaces, Snippets, performance-профилирование, live-редактирование и инструменты для адаптивной вёрстки.

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

📣 Code Ready | #статья

💾 Boxy Preloaders – лоадеры, в основе которых лежат квадраты и прямоугольники. Каждый элемент при движении меняет свой цвет.

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

💾 Spooky Scrolling – слайдер с анимированными элементами. При прокрутке слой с кустами накладывается на слой с небом.

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

🖥 Beauty Product Web Design – изысканный дизайн лендинга для бренда натуральной косметики. Основа дизайна – глубокие приглушенные тона.

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

Взял заказ. Собрал бота. Агентство получило 15 000 рублей.

Пока ты ждёшь лучшую вакансию в своём городе — Владислав Пурвиньш закрывает заказы на чат-ботов силами учеников. (Заказов сейчас висит в поиске 10 786 запросов). Каждый получает от 15 000 рублей за заказ.

Которые даже не шарят в коде. Просто научились одному инструменту. И бизнесы платят им 200-250 000 рублей в месяц.

Схема простая: берёшь реальный заказ из базы → собираешь бота по шаблону → наставник проверяет → сдаёшь и забираешь деньги.

Старт 70-80 000 рублей. С опытом от 200 000 рублей в месяц.

Запусти бота, там пошаговый план как в 2026 году зарабатывать как нефтяник, только с ноута.

👉 @other_digital_bot

Обучение проходит официально — Владислав Пурвиньш имеет образовательную лицензию.

🖥 Mobile & Web Portfolio UI Design – дизайн сайта-портфолио в оттенках персикового и темно-зеленого цветов. Особо выделяются заголовки, выделенные контрастным шрифтом с засечками.

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

Как сделать адаптивный текст без media queries?

Очень часто для адаптации текста под разные экраны используют отдельные breakpoint. В итоге CSS разрастается, а шрифты начинают масштабироваться неравномерно.

Обычно это выглядит так:
.title {
font-size: 3rem;
}

@media (max-width: 768px) {
.title {
font-size: 2rem;
}
}

Но CSS умеет нативно адаптировать размер текста под экран:
.title {
font-size: clamp(1.2rem, 4vw, 3rem);
}

clamp() задаёт минимальный размер, адаптивное значение и максимальный предел.

Теперь текст плавно масштабируется вместе с viewport.
.subtitle {
font-size: clamp(1rem, 2vw, 1.5rem);
}

Особенно хорошо это работает для hero-блоков, заголовков, кнопок и адаптивных интерфейсов.

Media queries часто вообще становятся не нужны.

🔥 clamp() позволяет создавать по-настоящему адаптивные интерфейсы без множества контрольных точек и дублирования CSS.

📣 Code Ready | #совет

💾 Night && Day Toggle – переключатель темной и светлой темы. Чтобы переключить тему, можно нажимать не на сам кружок, а на любое место внутри элемента.

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

😎 У армян есть свой Boston Dynamics

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

👩‍💻 Для удобной работы с .sass-синтаксисом в VS Code!

Sass (.sass only) — добавляет полноценную поддержку indented-синтаксиса Sass: подсветку, автодополнение, навигацию и корректное распознавание .sass-файлов без фигурных скобок и точек с запятой. Помогает комфортно работать со старыми и современными Sass-проектами прямо в редакторе.

📣 Code Ready | #vscode

💾 Star Rating in Pure CSS – шкала рейтинга в виде сердечек, которые загораются уже при наведении курсора. Выбор сердечка помечается изменением его размера.

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

🚀 ScreenCoder — Новый уровень магии для фронтендеров и дизайнеров.

Загружаете скриншот или макет, а нейросеть превращает его в чистый, готовый к продакшену HTML/CSS-код 🤯

Больше не нужно вручную верстать кнопки и блоки — ScreenCoder понимает визуал, сам планирует layout и пишет код, который можно сразу редактировать и использовать.

Что умеет:
🟢Превращает любой дизайн в HTML/CSS;
🟢Генерирует чистую и читаемую верстку;
🟢Позволяет менять стили и структуру под себя;
🟢Подходит и для быстрых прототипов, и для пиксель-перфект интерфейсов.

Просто — загрузил, скопировал, подправил, развернул.

Design → Code за пару секунд.

♎️ GitHub/Инструкция по установке

#python

⌨️ Подгон для вайб-кодеров! Бесплатный сайт, который научит работать с ИИ.

Ресурс, где собраны материалы по вайбкодингу — от основ мышления и правильной работы с нейросетями до практических гайдов по созданию Telegram-ботов, сайтов и собственных AI-проектов.

✅ Без сложной теории и платных курсов.
✅ Всё структурировано, понятно и доступно бесплатно.
✅ На русском.

🔥 Это бесплатно! Сохраняем и пробуем ТУТ

😁 Админ | 📲 Зеркало Max

#нейросеть #cheatsheet

ИИ-ассистенты уже умеют писать код, предлагать исправления и ускорять разработку.

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

На открытом уроке:
• разберём, почему красивые демонстрации не всегда работают в production-задачах и как перейти от случайного использования ИИ к системному подходу
• поговорим о типичных ошибках при работе с ИИ-ассистентами, разберём практики, которые помогают получать предсказуемый результат
• покажем, как использовать шаблоны и подходы, применимые в реальной разработке
• разберём живую демонстрацию на open-source проекте

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

🗓 Открытый урок пройдёт 16 июня в 20:00 МСК в преддверии старта курса «ИИ для разработчиков».

Подробности и регистрация: https://otus.pw/80CU/

Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576

💾 Cards – карточки с градиентным зернистым фоном и подсветкой, которая появляется при наведении курсора на элемент.

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