CSS заменяет JavaScript — что можно без JS в 2026

Модальные окна, тултипы, анимации при скролле — раньше для этого тянули JS-библиотеки, теперь то же самое делается на чистом CSS.

🔘Popover API — модальные окна и тултипы без JS. Атрибут popover + кнопка с popovertarget — готово. Поддержка: все браузеры.

🔘Anchor Positioning — тултип привязывается к элементу через CSS. Popper.js не нужен:

position-anchor: --target;

🔘View Transitions — плавные переходы между страницами (как в SPA) через CSS + браузерный API. Без React Router.

🔘 Scroll-driven Animations — анимации при скролле без addEventListener:

animation-timeline: scroll();

🔘 if() в CSS — условная логика в стилях:

color: if(media(prefers-color-scheme: dark): white; else: black);

Каждая фича — минус одна зависимость. Меньше бандл, быстрее загрузка, проще код.

#css #javascript #база

Клавиатурные тренажёры заточены под обычный текст. А попробуй быстро набрать arr.filter(x => x !== null).map(fn), пальцы спотыкаются.

Monkeytype решает эту проблему: там есть режимы для Python, JS, Go и других языков. Кликните на english и выберите код вместо текста. Под выбором языка есть настройки тренажёра, например наличие спецсимволов, случайный набор или «цитата» из кода, и тд.

📎 Бесплатно, исходники открыты.

Челлендж: 60 слов в минуту на Python. Удачи со скобками...

Уроки PostgreSQL для начинающих: база с нуля

Полный видеокурс по PostgreSQL для новичков — от создания/подключения/удаления БД до сложных типов данных (JSON, массивы, UUID).

Что внутри:

🔘 Создание таблиц, заполнение данными, базовые запросы.
🔘 Расширенные фичи: JSON/массивы/UUID, JOIN (LEFT/RIGHT/FULL), сложные запросы.
🔘 Структура СУБД, реляционная модель, PL/pgSQL vs SQL.

Здесь практика без воды, что идеально для старта с PostgreSQL.

🌍 Артефакт №4. Категория: «Сообщества» 🌍

Когда конференции превращаются в дорогие маркетинговые шоу, где найти место для чистого обмена опытом?

В комьюнити, которое создается профессионалами для профессионалов. В этой истории команда из 10 человек за 3 месяца создала то, чего не хватало сообществу — бесплатную, независимую техническую конференцию для K8s-сообщества.

Так возник Kuber Community Day, в котором сообщество продолжило жить после финального доклада.

🤩 Что скрывает этот артефакт? 🤩
🤩Способы привлечь первых спикеров из топовых компаний.
🤩Тактику создания резервного пула и оперативной замены спикеров без потери качества программы.
🤩Формулу бесплатного ивента.

Продолжаем отыскивать любопытные артефакты. Вечером будут уже знакомые ребята, но с новым кейсом. Узнаете в 19 часов!

Что такое Skills, Prompts, Projects, MCP и субагенты? База для понимания агентной экосистемы

Нашёл полезную статью, в которой по полочкам объясняют, как работают Skills, Prompts, Projects, MCP и субагенты в Claude. Что ценного:

🔘 Чётко показывают, когда что использовать: Skills для процедурных знаний (code review, бренд-гайды), Projects для постоянного контекста проектов, MCP для доступа к Drive/GitHub/БД.

🔘 Содержит реальный пример research-агента для наглядности: проект + MCP + Skills + субагенты = полноценный конкурентный анализ.

🔘 Также эта статья подходит не только для Claude, но и для других моделей.

NVIDIA AI Red Team опубликовала практический гайд по изоляции ИИ-агентов, которые пишут и выполняют код.

Главные угрозы:

Indirect Prompt Injection, вредоносные инструкции через:
🔘 репозитории с malicious-контентом
🔘 PR с инъекциями
🔘 конфиги: .cursorrules, CLAUDE.md, copilot-instructions.md
🔘 MCP-ответы с вредоносными данными

User Habituation — пользователи привыкают и просто одобряют потенциально опасные действия, не проверяя их.

Обязательные контроли:

1️⃣ Network Egress Controls — блокировать сетевой доступ к произвольным сайтам. Предотвращает exfiltration данных и установку reverse shell.

2️⃣ Block File Writes Outside Workspace — запретить запись за пределами рабочей директории. Защита от persistence через ~/.zshrc, ~/.gitconfig.

3️⃣ Block Writes to Config Files — защитить конфиги агентов. Hooks, MCP-конфигурации, skills часто работают вне sandbox.

Рекомендуемые:
🔘 sandbox для всего IDE (включая hooks, MCP, skills)
🔘 microVM / Kata container для изоляции kernel
🔘 secret injection вместо передачи secrets агенту
🔘 lifecycle management — очистка sandbox от накопленных данных

Полезный чек-лист для тех, кто настраивает IDE с ИИ-агентами.

📎 developer.nvidia.com

@neuro_channel

Разбираем, что под капотом у ИИ-платформы для презентаций

Что на самом деле происходит, когда вы просите ИИ «сделать презентацию за две минуты»? За кажущейся простотой скрывается не один большой алгоритм, а отлаженная работа нескольких узкоспециализированных нейросетевых агентов.

В этом кейсе сборка платформы такова:
🌟Микросервисы вместо монолита.
🌟Прямая работа с OpenXML.
🌟Отдельный пайплан для генерации.
🌟Гибрид ИИ и профессионального дизайна.

Это обеспечивает создателям 85% довольных пользователей, которые готовы платить за результат.

Развернуто про все фишки по традиции на сайте.

И это был артефакт №8. В какую категорию вы записали бы его? 🤔