💎 Liquid Glass для React — современный UI-эффект в духе Apple

liquid-glass-react — это эффект "жидкого стекла", теперь как компонент для React. Поддерживает преломление, размытие, хроматическую аберрацию и реакцию на курсор. Стильно, плавно и нативно выглядит в интерфейсе.

🧪 Что умеет:
• Преломление и искажение (`displacementScale`, blurAmount, `saturation`)
• Хроматическая аберрация и глянцевый блик
• Эффект "жидкой реакции" на курсор (`elasticity`)
• Реалистичный визуальный стиль как у macOS/iOS
• Кастомизация: cornerRadius, padding, onClick, mouseContainer

📦 Установка:

npm install liquid-glass-react

📍Пример:

<LiquidGlass
  displacementScale={64}
  blurAmount={0.1}
  saturation={130}
  aberrationIntensity={2}
  elasticity={0.35}
  cornerRadius={100}
>
  <span className="text-white font-medium">Click Me</span>
</LiquidGlass>

⚠️ Браузеры: Chrome и Chromium-based — идеально. Safari и Firefox — частичная поддержка без полного displacement.

🔗 GitHub: https://github.com/rdev/liquid-glass-react

@react_tg

💎 Neo.mjs — фреймворк, который переосмысливает веб-разработку. Этот проект переносит всю бизнес-логику в Web Workers, оставляя главный поток браузера исключительно для рендеринга. В результате получаются интерфейсы, остающиеся плавными даже при 40 000 обновлений в секунду.

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

🤖 GitHub

@javascriptv

🐟 Garfish — фреймворк для микросервисного фронтенда. Этот фреймворк решает проблему интеграции разрозненных веб-приложений в единый продукт. Подход позволяет командам разрабатывать модули независимо на React, Vue или любых других технологиях, но запускать их как части целого.

Фреймворка имеет довольно продуманную изоляцию: песочницы для JS/CSS, роутинг с автономными зонами видимости и общий механизм обмена данными между модулями. Адаптивная загрузка в системе реализована через анализацию поведения пользователей, чтобы предварительно кэшировать часто используемые модули.

🤖 GitHub

@javascriptv

📐 Fitty — умная библиотека для автоматического масштабирования текста под размер родительского контейнера. Этот легковесный инструмент особенно полезен при создании адаптивных интерфейсов, где важно сохранить читаемость текста на любых экранах.

Библиотека работает с веб-шрифтами, поддерживает минимальный и максимальный размер текста, а также автоматически обновляется при изменении макета. Для старта достаточно подключить скрипт и вызвать fitty() для нужного элемента. Под капотом — умный механизм, который группирует операции чтения и записи DOM.

🤖 GitHub

@javascriptv

🚀 Хотите стать Vue-разработчиком?

Пройдите вступительное тестирование и получите шанс обучаться на курсе Vue.js разработчик от OTUS! 🎓

Почему это важно?
- Знания для реальной работы: на курсе не просто теория, а практика на реальных проектах.
- Готовое портфолио: в конце обучения вы создаете полноценное приложение, которое можно показать работодателю.
- Поддержка экспертов: менторы из индустрии помогут на каждом шаге.
- Углубленное изучение Vue: от основ до продвинутых технологий — все, что нужно для успешной карьеры.

Как это работает?
1. Пройдите тестирование и оцените свой уровень.
2. Получите спеццену при поступлении в группу курса и начните обучение. Подробности уточняйте у менеджера.
3. Получайте знания, расширяйте свой стек технологий, реализуйте выпускной проект.

🔗 Пройти тестирование: https://otus.pw/0cfm/?erid=2W5zFJrVt4Q 

Реклама. ООО "ОТУС ОНЛАЙН-ОБРАЗОВАНИЕ". ИНН 9705100963.

Карточка с появлением дополнительных функций при наведении на неё.

#карточки #hover

https://codepen.io/itbruno/pen/Exvjga

@javascriptv

16 августа — на ИТ-пикник

Событие месяца — семейный фестиваль для опытных ИТ-специалистов. Что в программе:
— Лекции топов индустрии.
— Интерактивы, квесты, мастер-классы.
— Общение, знакомства.
— Выступления известных музыкантов: «тима ищет свет», Тося Чайкина, «Второй Ка» и секретного артиста.

Фестиваль пройдет в музее-заповеднике «Коломенское»

Время отжигать, пока лето не закончилось. Подробности и билеты — на сайте ИТ-пикника

🐳 VibeTunnel — превращай любой браузер в терминал macOS

VibeTunnel от amantus‑ai позволяет запускать терминал Mac прямо в браузере — без сложных SSH‑конфигураций. Идеально, когда нужно удалённо vibe‑кодить или следить за сборками и AI‑агентами.

🔹 Особенности:
• Поддержка Apple Silicon (M1/M2/M3), macOS Sonoma+ :contentReference[oaicite:1]{index=1}
• Zero‑config: никаких SSH‑ключей или порт‑форвардинга :contentReference[oaicite:2]{index=2}
• Браузер‑доступ: HTTP‑сервер на localhost:4020, адаптивный UI + iOS‑приложение
• Сессии записываются в формате asciinema — можно пересматривать позже
• Безопасность: доступ только по localhost или через Tailscale/ngrok, есть пароль
📥 Установка и старт:
1. Скачай и помести приложение VibeTunnel в папку Applications (только Apple Silicon)
2. Запусти из меню macOS, и приложение поднимет сервер
3. Используй CLI vt, например:

   vt --shell
   vt npm run dev
   vt claude --dangerously-skip-permissions
   

:contentReference[oaicite:6]{index=6}
4. Открой http://localhost:4020 в браузере или iOS‑приложении

⚙️ Архитектура:
• Меню‑приложение на Swift запускает сервер
• Сервер на TypeScript/Bun рендерит терминальные сессии через xterm.js
• Web UI — лёгкий фронтенд на Lit и Bun :contentReference[oaicite:7]{index=7}

🛠 Новое в `v1.0‑beta.2` (19 июня 2025):
• Новый веб‑фронтенд, ускоренный рендер терминала
• Поддержка открытия новых терминальных окон (AppleScript + Accessibility permissions)


🌍 Linux‑поддержка в пути: pull‑request открывает сервер на Go — скоро можно будет поднимать его и на Linux/macOS с одним бинарником :contentReference[oaicite:9]{index=9}

🙋 Кому подойдёт:
• Разработчики, хотят кодить через браузер с любого устройства
• Специалисты, запускающие долгие сборки или AI‑агентов
• Тимлиды, нуждающиеся в быстрой демонстрации рабочего процесса

🔗 GitHub:: https://github.com/amantus-ai/vibetunnel


Вывод: VibeTunnel — простой, но мощный инструмент для мобильного терминального доступа. Он объединяет нативный macOS-клиент, лёгкий сервер на Bun и отзывчивый Web UI — идеально для vibe-coding и контроля процессов на ходу.

@javascriptv

🌐 isomorphic-git — Git на чистом JavaScript для браузера и Node.js. Уникальный проект, который переосмысливает работу с Git — теперь операции с репозиториями возможны прямо в браузере без серверных зависимостей. Библиотека воссоздает поведение классического Git, работая с файловой системой через адаптеры.

Удобно реализованы сложные операции: клонирование, коммиты и даже push/pull работают через Web-интерфейс, правда требуют CORS-прокси для внешних репозиториев. Есть встроенный CLI isogit для тестирования функциональности.

🤖 GitHub

@javascriptv

Полезный сайт для обучения — roadmap.sh

На нем собраны интерактивные, наглядные дорожные карты для разных IT-направлений, языков и навыков (работа с Git, Docker и проч).

Все карты кликабельны — для каждой собраны полезные статьи и обучалки.

Еще тут есть квизы для самопроверки и AI Tutor — помощник, который накидывает персональный курс на нужную тему, если вы не нашли подходящую на сайте, и план обучения прямо в браузере.

https://roadmap.sh/

@javascriptv

🚀 Упростите разработку с Vue: создаём игру за 1 вебинар

🔥Присоединяйтесь к открытому вебинару 16 июля в 20:00 мск., где мы покажем, как Vue упрощает разработку и делает её быстрее, чем привычный React.

На открытом уроке разберём:
🔹 как устроена реактивность во Vue через ref и в чём её отличие от useState в React;
🔹 управление логикой интерфейса с помощью v-if, v-model и событий;
🔹 как работать с таймерами, анимациями и рендерингом без сторонних библиотек;
🔹 пошаговое создание игры: от таймера и счёта до анимаций и рестарта;
🔹 почему Vue — это не только для новичков, а для тех, кто ценит чистоту, контроль и скорость разработки.

Не упустите шанс взглянуть на Vue в бою!

👉Регистрируйтесь: https://otus.pw/FD7j/?erid=2W5zFJkPBbe

Бесплатное занятие приурочено к старту курса “Vue.js разработчик”, на котором можно глубже погрузиться в особенности фреймворка, научиться работать с его инструментами и создавать реальные проекты.

Реклама. ООО "ОТУС ОНЛАЙН-ОБРАЗОВАНИЕ". ИНН 9705100963.

Импорт локальных изображений vs использование изображений из папки /public в Next.js

@javascriptv

JavaScript Security Engineer (Browser Fingerprinting & Anti-fraud)

Ищем JS-эксперта для R&D в области кибербезопасности. Вам предстоит возглавить разработку SDK для сбора браузерных отпечатков на чистом JavaScript и сражаться с попытками реверс-инжиниринга.

Это не типичная frontend-разработка, а сложная и интересная работа на стыке безопасности и low-level JS.

Что предлагаем:
* ЗП: 300-450 тыс. руб. на руки (или в USDT)
* Формат: Полная удалёнка
* Проект: Уникальная anti-fraud система, работа в небольшой команде экспертов.

Звучит интересно? Все подробности, требования и контакты — в полной версии вакансии:
👉 https://telegra.ph/JavaScript-Security-Engineer-Browser-Fingerprinting--Anti-fraud-07-06

🎨 Oh‑My‑Logo — «волшебный» генератор логотипов от shinshin86

Oh‑My‑Logo — утилита с простым интерфейсом для создания уникальных логотипов прямо в терминале. Работает быстро, без лишнего визуального шума.

🛠️ Как это работает:
- Пользователь вводит название бренда (например, “MyStartup”) и краткое описание
- Утилита генерирует цветные ASCII- или Unicode‑логотипы с эффектом паддинга, обводки, рамки или градиента
- Вы можете пробовать разные стили и цвета прямо из командной строки

💡 Зачем это нужно:
- Быстро придумать временное оформление для README, скрипта или учебного проекта
- Стильно оформить вывод утилиты или CI-лог
- Упростить создание ASCII-баннера для скриптов или серверных инструментов

⚙️ Кому понравится:
- Разработчикам и DevOps инженерам, любящим CLI-стайл
- Авторам технической документации и проектных README
- Всем, кто хочет быстро и красиво оформить свои утилиты

✨ Вывод:
Oh‑My‑Logo — лёгкий способ добавить индивидуальности проектам в текстовом интерфейсе. Без GUI, без лишних шагов — просто командный стиль и творческий подход.

https://github.com/shinshin86/oh-my-logo

@javascriptv

10 репозиториев GitHub, которые помогут вам в обучении:

1. Бесплатные книги по программированию
2.Собеседование по программированию в университете
3.Списки на всевозможные интересные темы
4.Дорожная карта разработчика
5.Алгоритмы Javascript
6.Список лучших практик Node JS
7.Руководство по техническому собеседованию
8. Проектное обучение
9.Короткие фрагменты кода javascript для всех ваших потребностей в разработке
10.Список предложений Saas, Paas и Laas с бесплатными уровнями.

@javascriptv

Красивый интерактивный учебник от команды Google Chrome — он прокачает вас в веб-разработке

Внутри отличные материалы по HTML, CSS, JS, доступности, тестированию и ещё куча всякого полезного.

https://web.dev/learn