Откопал годное расширение, которое позволяет запускать модели Ollama, такие как DeepSeek, Llama и Qwen, прямо внутри GitHub Copilot Chat 👍

→ использование локальных AI-моделей в VS Code
→ поддержка tools, MCP и vision
→ AI-автодополнение кода прямо в редакторе
→ переключение между моделями без выхода из редактора

По сути, это превращает Copilot Chat в локальную AI-песочницу

➡️ @FrontendPortal

В этой опенсорсной коллекции собраны одни из самых крутых эффектов переключения темы, которые я когда-либо видел

Представьте, как они будут смотреться в ваших приложениях или на сайтах. Пользователи точно скажут: "Вау!" 😳

github.com/rudrodip/theme-toggle-effect

➡️ @FrontendPortal

16 июля встречаемся с JS‑сообществом SberProfi в Сбер.Среде.

AI уже меняет JavaScript‑разработку. Вопрос не в том, заменит ли он инженеров, а в том, кто освоит его быстрее и качественнее.

🔥 Обсудим изменения на реальных кейсах от Сбера, Cloud․ru и Mish. Очные участники увидят спецформат от блогеров и пообщаются с экспертами GigaCode и GitVerse.

⏳ Начало в 17:00, встреча очных гостей - в 16:00.
Количество очных мест ограничено – успейте зарегистрироваться!

Поддержка TypeScript 7 в Next.js

Коротко:
Теперь в next@preview можно включить опцию experimental.useTypeScriptCli, чтобы использовать TypeScript 7.

Подробнее:
Вышел TypeScript 7 с ts-go - прирост скорости действительно впечатляет!

В текущем релизе намеренно отсутствует JavaScript API. Его планируют выпустить в TypeScript 7.1.

К сожалению, из-за этого TypeScript 7 в нынешнем виде ломает интеграцию с фреймворками, которые взаимодействуют с TypeScript через JS API.

Next.js использует JS API, чтобы запускать TypeScript во время выполнения next build, а также дополнительно форматирует вывод, чтобы логи выглядели единообразно с остальными этапами сборки.

Чтобы добавить поддержку TypeScript 7 без JS API, пришлось изменить способ запуска TypeScript: теперь вместо API напрямую используется установленная команда tsc.

Это поведение доступно через экспериментальную опцию:
experimental.useTypeScriptCli

Изменение вошло в превью-релиз Next.js 16.3.

Установить его можно командой:
npm install next@preview

➡️ @FrontendPortal

Meta выложила в опенсорс свою внутреннюю дизайн-систему — Astryx

Её используют внутри Meta уже более 8 лет, и на ней работают 13 000+ внутренних приложений.

→ 150+ доступных UI-компонентов
→ 7 встроенных брендовых скинов
→ кастомизируемые темы
→ рассчитана как на разработчиков, так и на ИИ кодинг-агентов

https://astryx.atmeta.com/

➡️ @FrontendPortal

Полезный AI-скилл для React-разработчиков

/improve-react от Aiden Bai использует React Doctor для анализа React-кодовой базы. Инструмент помогает находить проблемные паттерны, классифицировать найденные замечания и исправлять их с помощью ИИ.

Установка:
npx skills add http://github.com/aidenybai/react-doctor --skill improve-react

Может быть полезен тем, кто использует ИИ при разработке React-приложений и хочет автоматизировать проверку качества кода

➡️ @FrontendPortal

Хотите убрать эффект "резиновой" прокрутки в веб-приложении? Достаточно добавить всего одну строку CSS:

html,
body {
  overscroll-behavior-y: none;
}

Свойство overscroll-behavior-y: none отключает вертикальный bounce-эффект при достижении верхней или нижней границы страницы, делая поведение веб-приложения более нативным и предсказуемым, особенно на мобильных устройствах.

➡️ @FrontendPortal

Совет по Chrome Dev Tools

Элементы, которые исчезают при потере фокуса, сложно отлаживать, потому что когда мы пытаемся их инспектировать через dev tools, страница теряет фокус, и такие элементы исчезают

Мы можем избежать этого и инспектировать такие элементы, используя опцию "Emulate a focused page" в панели Styles вкладки Elements

➡️ @FrontendPortal | #tip by Shripal Soni

Быстрый совет по CSS: динамически увеличивайте CSS-счётчики с помощью counter-increment, чтобы последовательно пронумеровать стилизованные элементы

Подробнее о свойстве: Дока

➡️ @FrontendPortal | #CSS

Что это вообще за безумный сайт?

➡️ @FrontendPortal