🧩 Collaborator: Инновационная среда для разработки с агентами

Collaborator — это приложение для macOS, которое объединяет терминалы, файлы и код на одном бесконечном холсте. Упрощает работу, устраняя необходимость в переключении между вкладками. Приложение активно разрабатывается и предназначено для локального использования.

🚀 Основные моменты:
- Интуитивно понятный интерфейс с многофункциональным холстом
- Поддержка нескольких рабочих пространств
- Интерактивные терминалы и редакторы кода
- Локальное хранение данных без необходимости в учетных записях

📌 GitHub: https://github.com/collaborator-ai/collab-public

#javascript

📚🚀 Siftly: AI-управляемый менеджер закладок для Twitter/X

Siftly позволяет организовать ваши закладки из Twitter/X в удобную и визуально привлекательную базу знаний. Все данные остаются на вашем устройстве, а AI помогает в поиске и категоризации контента.

🚀Основные моменты:
- Импорт закладок без расширений
- AI-теги и семантический поиск
- Визуальная карта закладок
- Фильтрация по категориям и типам медиа
- Экспорт данных в CSV/JSON/ZIP

📌 GitHub: https://github.com/viperrcrypto/Siftly

#typescript

MWS Cloud Platform приглашает на сеньорский митап

Что обсудим:
→ Почему vhost-user обходит virtio-net
→ Когда писать свой балансировщик вместо HAProxy
→ Почему нельзя выбрать один язык для платформы

Поспорим на дебатах Go vs Kotlin — все желающие могут присоединиться и задавать вопросы из зала.

📅 9 апреля, 18:00
📍 Место Санкт-Петербург, Конногвардейский бульвар, 4, Mishka Bar
Для кого: сеньоров-разработчиков, сетевых инженеров и архитекторов облачных платформ
Сложность докладов: 8/10
Места ограничены, регистрация обязательна. 👉

Совет по CSS 💡

Знаете ли вы, что свойство gap можно использовать и для макета flexbox? ✨

⚡️ Open-source NVR интерфейс для IP-камер

camera.ui — это open-source веб-интерфейс уровня NVR для управления камерами, поддерживающими RTSP-стриминг.

Что умеет:

• смотреть live-видео с камер прямо в браузере
• удобный Camview — плиточная панель всех камер
• детекция движения через video analysis, MQTT, HTTP, FTP или SMTP
• сохранение фото и видео, когда обнаружено движение
• pre-buffer — можно увидеть несколько секунд до события
• уведомления через Telegram, Webhook, Alexa и WebPush
• поддержка Apple HomeKit через Homebridge
• PWA-приложение с push-уведомлениями
• тёмная тема и несколько цветовых тем интерфей
•
https://github.com/seydx/camera.ui

Server Actions создают публичные конечные точки, поэтому не забудьте защитить их, как и маршруты API.

Создаем CSS Scroll-driven текст с помощью SVG-фильтра 🥊

section { filter: url(#​knockout); }
section h1 { animation: shrink; }
@​keyframes shrink { 0% { scale: 36; }}

- Анимация изменения масштаба текста на видео-оверлее ✅
- Выбивание текста с использованием SVG-фильтра ✅
- Управление прокруткой ✅

Aseprite

Анимированный редактор спрайтов и инструмент для пиксель-арта (Windows, macOS, Linux)

▫️Поддержка цветовых профилей и различных цветовых режимов
▫️Средства анимации с предварительным просмотром в реальном времени
▫️Экспорт/импорт анимации в/из листов спрайтов, файлов GIF или последовательности файлов PNG
▫️Специальные инструменты для пиксельной графики
▫️Одновременное преобразование нескольких кадров/слоев
▫️Возможности Lua-скриптинга
▫️CLI — интерфейс командной строки для автоматизации задач

https://github.com/aseprite/aseprite

Rounded Box - Matcap texture

Куб с зеркальными гранями, выполненный с помощью Pug, Sass и библиотеки Three.js

https://codepen.io/vcomics/pen/JjpgBwY

🎨 Создайте идеальные скелетоны загрузки с Boneyard

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

🚀 Основные моменты:
- Автоматическое извлечение размеров элементов с помощью getBoundingClientRect()
- Поддержка нескольких точек прерывания для адаптивного дизайна
- Анимация пульсации для визуального эффекта
- Легкая интеграция в React-приложения

📌 GitHub: https://github.com/0xGF/boneyard

#javascript

Pure CSS Hamburger fold-out menu

Раскладывающееся меню Гамбургер. Написано на чистом CSS.

https://codepen.io/erikterwan/pen/EVzeRP

🚀 AI-Управляемый Поиск Работы

Career-Ops — это интеллектуальная платформа для поиска работы, использующая Claude Code. Она автоматизирует процесс оценки предложений, генерации резюме и отслеживания заявок, позволяя сосредоточиться на наиболее подходящих вакансиях.

🚀Основные моменты:
- Оценка предложений с использованием системы баллов A-F.
- Генерация адаптированных резюме в формате PDF.
- Автоматическое сканирование порталов для новых вакансий.
- Параллельная обработка нескольких предложений.
- Интегрированная система отслеживания заявок.

📌 GitHub: https://github.com/santifer/career-ops

#javascript

🚀 SEO теперь можно разбирать через ИИ, а не вслепую

Появился мощный инструмент для SEO-оптимизации, который быстро показывает, почему сайт не добирает позиции в поиске и что именно нужно исправить.

Сервисы на базе Claude и ChatGPT проводят полный аудит: проверяют AI-видимость, качество контента, SEO-метрики, структурированные данные и техническое состояние сайта. На выходе вы получаете итоговый скор и понятный план действий, а не просто набор сухих замечаний.

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

Отдельно есть PDF-отчёт для брендов. В нём собирается анализ упоминаний компании на популярных площадках, чтобы можно было быстро оценить цифровое присутствие и понять, где усиливать маркетинг.

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

https://github.com/zubair-trabzada/geo-seo-claude

DOOM ЧЕРЕЗ CURL. ДА, ПРОСТО HTTP ЗАПРОС

Разработчик запустил Doom прямо в терминале без установки и GUI.

Работает через обычный curl. Под капотом сервер стримит кадры игры как ANSI-графику, а ввод с клавиатуры уходит обратно по тому же соединению.

По сути это полноценная игра поверх HTTP, без клиента, без зависимостей. Только bash и сеть.

Сюрреализм в том, что это не демка, а реально играбельная штука.

Хочешь попробовать - открываешь терминал и играешь.

https://github.com/xsawyerx/curl-doom

⬇️ Этот текст видят только те, кто пишет на JavaScript ⬇️
Проходите бесплатный курс по JS, чтобы прокачать навыки

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

Во время курса вы:

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

Бонусом вас ждет промокод на работу с IT-инфраструктурой Selectel для практики. А после прохождения вы получите именной сертификат.

Начните обучение сейчас ➡️ https://slc.tl/bpoad

Больше материалов по фронтенд-разработке ищите в профиле @selectel_academy

Реклама. АО "Селектел". erid:2W5zFHujLed