🚀 Chrome теперь с встроенным Gemini Nano  
Начиная с версии Chrome 138+, браузер поставляется с локальной LLM Gemini Nano — прямо у 3.7 миллиарда пользователей Chrome по всему миру.
Это значит:
- Локальный inference прямо в браузере
- Работает без интернета, без API-ключей
- Возможность строить оффлайн-LLM‑фичи на стороне клиента
В этом (https://github.com/swyxio/swyxdotio/issues/536) показано гайде:
- Как активировать Nano в DevTools
- Как писать запросы к модели
- Как обойти особенности документации от Google 🙃
- Подсказки для тех, кто не чувствует себя уверенно с JavaScript
🧪 Подходит и для тестов, и для продакшна.
Если строите AI-фичи — обязательно загляните.
https://github.com/swyxio/swyxdotio/issues/536
Начиная с версии Chrome 138+, браузер поставляется с локальной LLM Gemini Nano — прямо у 3.7 миллиарда пользователей Chrome по всему миру.
Это значит:
- Локальный inference прямо в браузере
- Работает без интернета, без API-ключей
- Возможность строить оффлайн-LLM‑фичи на стороне клиента
В этом (https://github.com/swyxio/swyxdotio/issues/536) показано гайде:
- Как активировать Nano в DevTools
- Как писать запросы к модели
- Как обойти особенности документации от Google 🙃
- Подсказки для тех, кто не чувствует себя уверенно с JavaScript
🧪 Подходит и для тестов, и для продакшна.
Если строите AI-фичи — обязательно загляните.
https://github.com/swyxio/swyxdotio/issues/536
🎨 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
  
  
  
  
  
  Oh‑My‑Logo — утилита с простым интерфейсом для создания уникальных логотипов прямо в терминале. Работает быстро, без лишнего визуального шума.
🛠️ Как это работает:
- Пользователь вводит название бренда (например, “MyStartup”) и краткое описание
- Утилита генерирует цветные ASCII- или Unicode‑логотипы с эффектом паддинга, обводки, рамки или градиента
- Вы можете пробовать разные стили и цвета прямо из командной строки
💡 Зачем это нужно:
- Быстро придумать временное оформление для README, скрипта или учебного проекта
- Стильно оформить вывод утилиты или CI-лог
- Упростить создание ASCII-баннера для скриптов или серверных инструментов
⚙️ Кому понравится:
- Разработчикам и DevOps инженерам, любящим CLI-стайл
- Авторам технической документации и проектных README
- Всем, кто хочет быстро и красиво оформить свои утилиты
✨ Вывод:
Oh‑My‑Logo — лёгкий способ добавить индивидуальности проектам в текстовом интерфейсе. Без GUI, без лишних шагов — просто командный стиль и творческий подход.
https://github.com/shinshin86/oh-my-logo
This media is not supported in your browser
    VIEW IN TELEGRAM
  Красивый интерактивный учебник от команды Google Chrome — он прокачает вас в веб-разработке 
Внутри отличные материалы по HTML, CSS, JS, доступности, тестированию и ещё куча всякого полезного.
https://web.dev/learn
  Внутри отличные материалы по HTML, CSS, JS, доступности, тестированию и ещё куча всякого полезного.
https://web.dev/learn
This media is not supported in your browser
    VIEW IN TELEGRAM
  Анимация загрузки для любителей чего-то необычного
#прелоадер #ожидание #загрузка
https://codepen.io/jkantner/pen/qBbjEVQ
#прелоадер #ожидание #загрузка
https://codepen.io/jkantner/pen/qBbjEVQ
👍1
  This media is not supported in your browser
    VIEW IN TELEGRAM
  ✔️ Response-print-pdf — это UI Kit для создания PDF-файлов с использованием React и TypeScript. 
С Response-print-pdf создавайте и генерируйте PDF-документы с помощью React 📄. Этот UI-набор компонентов предназначен для создания PDF и печатных документов, таких как счета, брошюры и другие документы. Используйте простые и многократно используемые компоненты и шаблоны для создания профессиональных документов.
Реализуйте свои идеи с помощью любимого фреймворка фронтенда React для создания PDF-документов следующего поколения.
Забудьте о docx, latex или устаревших библиотеках. С помощью react-print-pdf вы получите:
☑️ Простоту в использовании
☑️ Готовые компоненты и шаблоны
☑️ 100% контроль макета
☑️ Интеграция динамических данных в PDF-файл
https://github.com/OnedocLabs/react-print-pdf
  С Response-print-pdf создавайте и генерируйте PDF-документы с помощью React 📄. Этот UI-набор компонентов предназначен для создания PDF и печатных документов, таких как счета, брошюры и другие документы. Используйте простые и многократно используемые компоненты и шаблоны для создания профессиональных документов.
Реализуйте свои идеи с помощью любимого фреймворка фронтенда React для создания PDF-документов следующего поколения.
Забудьте о docx, latex или устаревших библиотеках. С помощью react-print-pdf вы получите:
☑️ Простоту в использовании
☑️ Готовые компоненты и шаблоны
☑️ 100% контроль макета
☑️ Интеграция динамических данных в PDF-файл
https://github.com/OnedocLabs/react-print-pdf
🪐 Новый UI-фреймворк в стиле Sci‑Fi — Cosmic UI
🌌 Cosmic (https://github.com/rizkimuhammada/cosmic-ui) UI — это open-source библиотека футуристичных компонентов на React + TailwindCSS + TypeScript. Всё выполнено в стиле научной фантастики — идеально для проектов с «космическим» вайбом.
🔧 Внутри:
- Компоненты с анимациями и голографическими эффектами
- Документация + демо: [cosmic-ui.com](https://cosmic-ui.com/docs)
- MIT лицензия — можно использовать как угодно
- Поддержка Vite, TS, ESLint, Vercel
⚡ Почему стоит попробовать?
- Готовые стилизованные компоненты экономят кучу времени
- Идеально для игр, дашбордов, кастомных интерфейсов
- Выглядит не как все остальные boring UI-библиотеки
📦 Установка:
npm install cosmic-ui
📌Github (https://github.com/rizkimuhammada/cosmic-ui)
  🌌 Cosmic (https://github.com/rizkimuhammada/cosmic-ui) UI — это open-source библиотека футуристичных компонентов на React + TailwindCSS + TypeScript. Всё выполнено в стиле научной фантастики — идеально для проектов с «космическим» вайбом.
🔧 Внутри:
- Компоненты с анимациями и голографическими эффектами
- Документация + демо: [cosmic-ui.com](https://cosmic-ui.com/docs)
- MIT лицензия — можно использовать как угодно
- Поддержка Vite, TS, ESLint, Vercel
⚡ Почему стоит попробовать?
- Готовые стилизованные компоненты экономят кучу времени
- Идеально для игр, дашбордов, кастомных интерфейсов
- Выглядит не как все остальные boring UI-библиотеки
📦 Установка:
npm install cosmic-ui
📌Github (https://github.com/rizkimuhammada/cosmic-ui)
🧠 HASH — открытая база данных с элементами ИИ, которая самостоятельно структурирует информацию и проверяет её достоверность. Проект объединяет данные из разных источников в реальном времени, предлагая удобные инструменты для работы с ними даже не-техническим пользователям.  
HASH имеет автономных агентов, которые автоматически дополняют и очищают данные, а в будущем система превратится в полноценную рабочую среду с AI-интерфейсами. Для старта можно использовать облачную версию или развернуть локально.
🤖 GitHub (https://github.com/hashintel/hash)
  HASH имеет автономных агентов, которые автоматически дополняют и очищают данные, а в будущем система превратится в полноценную рабочую среду с AI-интерфейсами. Для старта можно использовать облачную версию или развернуть локально.
🤖 GitHub (https://github.com/hashintel/hash)
✔️ Card Mouse Hover Effect
Карточки с интересным эффектом при наведении. Сделаны на CSS и JavaScript.
Открыть код (https://codepen.io/yudizsolutions/pen/wvZEeNE)
https://telegra.ph/file/2f96c1157916fe57d4fe1.mp4
  
  Карточки с интересным эффектом при наведении. Сделаны на CSS и JavaScript.
Открыть код (https://codepen.io/yudizsolutions/pen/wvZEeNE)
https://telegra.ph/file/2f96c1157916fe57d4fe1.mp4
codepen.io
  
  Card Mouse Hover Effect
  We are using HTML and CSS  to create a card hover animation. We're also using JavaScript for the hover effect.  Made by Ayushi Patel from Yudiz...
👍1
  ⏳ AWS Amplify — библиотека для фронтенд- и мобильных разработчиков, упрощающая интеграцию приложений с облачными сервисами AWS. Она предлагает готовые решения для аутентификации, хранения данных, аналитики, API и даже машинного обучения, скрывая сложность бэкенд-настроек за простым JavaScript-интерфейсом.  
Хотя инструмент заточен под AWS, архитектура позволяет подключать и кастомные бэкенды. Amplify особенно удобен для React Native и веб-приложений, например, можно добавить авторизацию через Cognito или работу с S3 буквально парой строк кода.
🤖 GitHub (https://github.com/aws-amplify/amplify-js)
  Хотя инструмент заточен под AWS, архитектура позволяет подключать и кастомные бэкенды. Amplify особенно удобен для React Native и веб-приложений, например, можно добавить авторизацию через Cognito или работу с S3 буквально парой строк кода.
🤖 GitHub (https://github.com/aws-amplify/amplify-js)
🌳 Fancytree — проверенная временем JavaScript-библиотека для создания интерактивных деревьев с поддержкой редактирования, drag'n'drop и ленивой загрузки. Хотя проект перешёл в режим поддержки, он остаётся стабильным решением для таблиц с иерархией и файловых менеджеров.  
Интересно реализована модульная структура: можно подключать только нужные функции вроде фильтрации или чекбоксов. Для современных проектов автор рекомендует наследника — Wunderbaum, но Fancytree всё ещё активно используют в legacy-системах.
🤖 GitHub (https://github.com/mar10/fancytree)
  Интересно реализована модульная структура: можно подключать только нужные функции вроде фильтрации или чекбоксов. Для современных проектов автор рекомендует наследника — Wunderbaum, но Fancytree всё ещё активно используют в legacy-системах.
🤖 GitHub (https://github.com/mar10/fancytree)
🔺 Delaunator — молниеносная триангуляция Делоне на JavaScript. Библиотека выполняет разбиение 2D-точек на треугольники с впечатляющей скоростью — обрабатывает миллион точек за секунду. Основной алгоритм основан на оптимизированных sweep-line методах из научных работ 2010-2013 годов.  
Инструмент имеет компактные структуры данных (Uint32Array для треугольников, Int32Array для рёбер), минимизирующие нагрузку на память. Поддерживает дегенеративные случаи через robust-predicates и обновление триангуляции на лету.
🤖 GitHub (https://github.com/mapbox/delaunator)
  Инструмент имеет компактные структуры данных (Uint32Array для треугольников, Int32Array для рёбер), минимизирующие нагрузку на память. Поддерживает дегенеративные случаи через robust-predicates и обновление триангуляции на лету.
🤖 GitHub (https://github.com/mapbox/delaunator)
JavaScript. Каким будет результат?
  Anonymous Poll
    23%
    []
      
    23%
    [null, null, null]
      
    19%
    [undefined, undefined, undefined]
      
    29%
    [ 3 x empty ]
      
    40%
    Посмотреть ответы
      
    📦 Carbon Design System — дизайн-система от IBM с готовыми компонентами для React, Angular, Vue и Svelte. Проект предлагает не просто UI-кит, а полноценную экосистему: от цветовых палитр и типографики до адаптивной сетки и анимаций.  
Система обладает модульностью. Можно использовать только нужные части через отдельные npm-пакеты вроде @carbon/icons или @carbon/react. Всё собрано по Atomic Design, а документация объясняет не только как работает определенный компонент, но и почему именно так, с акцентом на доступность и UX-логику.
🤖 GitHub (https://github.com/carbon-design-system/carbon)
  Система обладает модульностью. Можно использовать только нужные части через отдельные npm-пакеты вроде @carbon/icons или @carbon/react. Всё собрано по Atomic Design, а документация объясняет не только как работает определенный компонент, но и почему именно так, с акцентом на доступность и UX-логику.
🤖 GitHub (https://github.com/carbon-design-system/carbon)
🧮 bignumber.js — библиотека для работы с числами произвольной точности в JavaScript. Она поддерживает как десятичные, так и недесятичные числа, предлагая полный набор арифметических операций без потери точности.  
Проект выделяется простым API, компактным размером и отсутствием зависимостей. Он особенно полезен в финансовых расчётах, криптографии и научных вычислениях, где важна точность. Библиотека работает даже в старых браузерах, так как использует только возможности ES3.
🤖 GitHub (https://github.com/MikeMcl/bignumber.js)
  Проект выделяется простым API, компактным размером и отсутствием зависимостей. Он особенно полезен в финансовых расчётах, криптографии и научных вычислениях, где важна точность. Библиотека работает даже в старых браузерах, так как использует только возможности ES3.
🤖 GitHub (https://github.com/MikeMcl/bignumber.js)
This media is not supported in your browser
    VIEW IN TELEGRAM
  London Tube Map - Navigation Bar Concept
Концепция панели навигации в виде схемы лондонского метро.
https://codepen.io/MrDarrenGriffin/details/gOZWmYB
Концепция панели навигации в виде схемы лондонского метро.
https://codepen.io/MrDarrenGriffin/details/gOZWmYB
👍2
  💎 RisuAI — кроссплатформенный клиент для общения с ИИ. Этот проект объединяет поддержку разных языковых моделей в одном интерфейсе с необычными функциями. Например, можно создавать групповые чаты с несколькими персонажами, добавлять эмоциональные изображения в диалоги и использовать TTS для озвучки ответов.  
Проект имеет встроенный редактор regex для кастомизации вывода моделей и система «Lorebook» для сохранения контекста беседы. Есть версии для веба, ПК и Docker.
🤖 GitHub (https://github.com/kwaroran/RisuAI)
  Проект имеет встроенный редактор regex для кастомизации вывода моделей и система «Lorebook» для сохранения контекста беседы. Есть версии для веба, ПК и Docker.
🤖 GitHub (https://github.com/kwaroran/RisuAI)
🌿 Tagify — удобный инструмент для превращения обычного поля ввода в компонент тегов с поддержкой React, Vue и Angular.  
Библиотека предлагает гибкую настройку, высокую производительность и компактный код. Она умеет работать с ванильным JS и популярными фреймворками, поддерживает валидацию, редактирование тегов и даже подгрузку предложений через AJAX.
🤖 GitHub (https://github.com/yairEO/tagify)
Библиотека предлагает гибкую настройку, высокую производительность и компактный код. Она умеет работать с ванильным JS и популярными фреймворками, поддерживает валидацию, редактирование тегов и даже подгрузку предложений через AJAX.
🤖 GitHub (https://github.com/yairEO/tagify)
👎1
  This media is not supported in your browser
    VIEW IN TELEGRAM
  Полезный сервис для прокачки JavaScript — формат квестов и кода в одной геймифицированной платформе. Похоже на Codewars, но с вайбом мини-игры:
Особенности:
— Задания создают реальные пользователи
— Пишешь JS прямо в браузере, сразу проверяется
— Платформа open-source — можно форкнуть и сделать свою версию
🟣 Попробовать (https://jsdares.com/?)
  Особенности:
— Задания создают реальные пользователи
— Пишешь JS прямо в браузере, сразу проверяется
— Платформа open-source — можно форкнуть и сделать свою версию
🟣 Попробовать (https://jsdares.com/?)
🧩 Тест по JavaScript
Какое ключевое слово в JavaScript используется для объявления переменной, которой нельзя присвоить новое значение после установки ее начального значения? @javascriptv
  Какое ключевое слово в JavaScript используется для объявления переменной, которой нельзя присвоить новое значение после установки ее начального значения? @javascriptv
Anonymous Poll
    6%
    A) let
      
    3%
    B) immutable
      
    94%
    C) const
      
    1%
    D) var
      
    ⚙️ Metro UI — это современный фронтенд-фреймворк, который помогает разработчикам создавать быстрые и отзывчивые веб-приложения с приятным интерфейсом в стиле Metro. Его компоненты оптимизированы для мобильных устройств, а гибкость позволяет легко адаптировать проекты под любые экраны.  
Фреймворк активно развивается: новые версии выходят почти каждую неделю, а сообщество в Discord всегда готово помочь. Хотя долгосрочная поддержка старых версий не предусмотрена, разработчики могут оставаться на проверенных релизах или оперативно обновляться для доступа к новым функциям.
🤖 GitHub (https://github.com/olton/metroui)
  Фреймворк активно развивается: новые версии выходят почти каждую неделю, а сообщество в Discord всегда готово помочь. Хотя долгосрочная поддержка старых версий не предусмотрена, разработчики могут оставаться на проверенных релизах или оперативно обновляться для доступа к новым функциям.
🤖 GitHub (https://github.com/olton/metroui)
