🚀 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
🖥 Rio — open-source фреймворк для разработки веб-приложений на чистом Python: не нужен ни HTML, ни CSS, ни JS
— pip install rio-ui
Rio привносит в Python компоненты в стиле React.
Можно выбирать из множества встроенных компонентов и комбинировать их для создания своих собственных компонентов, а потом строить из тех свои приложения
Готовые приложения, созданные с помощью Rio могут работать как локально на вашей машине, так и в Интернете.
🖥 GitHub (https://github.com/rio-labs/rio)
🟡 Доки (https://rio.dev/docs/tutorial-tic-tac-toe/1-rio-setup)
🟡 Примеры готовых веб-приложений (https://rio.dev/examples)
— pip install rio-ui
Rio привносит в Python компоненты в стиле React.
Можно выбирать из множества встроенных компонентов и комбинировать их для создания своих собственных компонентов, а потом строить из тех свои приложения
Готовые приложения, созданные с помощью Rio могут работать как локально на вашей машине, так и в Интернете.
🖥 GitHub (https://github.com/rio-labs/rio)
🟡 Доки (https://rio.dev/docs/tutorial-tic-tac-toe/1-rio-setup)
🟡 Примеры готовых веб-приложений (https://rio.dev/examples)
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
🚀 Реактивное программирование в Angular
Современный Angular предоставляет два подхода к реактивному программированию: RxJS и Signals. На открытом уроке мы разберём оба подхода, покажем, в чём их различия, как они дополняют друг друга, и как выбрать правильный инструмент под задачу.
👉Какие ключевые темы и вопросы будут рассмотрены на вебинаре?
- Что такое реактивное программирование в контексте Angular
- Observable и Signals: в чём разница, когда что использовать
- Операторы RxJS
- Создание и управление сигналами (signal, computed, effect)
- Как внедрить сигналы в компоненты, шаблоны и сервисы
- Связь между RxJS и Signals через rxjs-interop
Бесплатный вебинар проходит в рамках курса “Angular Developer“
Регистрация и подробнее о курсе Angular Developer - https://clck.ru/3NDgF7
Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576
Современный Angular предоставляет два подхода к реактивному программированию: RxJS и Signals. На открытом уроке мы разберём оба подхода, покажем, в чём их различия, как они дополняют друг друга, и как выбрать правильный инструмент под задачу.
👉Какие ключевые темы и вопросы будут рассмотрены на вебинаре?
- Что такое реактивное программирование в контексте Angular
- Observable и Signals: в чём разница, когда что использовать
- Операторы RxJS
- Создание и управление сигналами (signal, computed, effect)
- Как внедрить сигналы в компоненты, шаблоны и сервисы
- Связь между RxJS и Signals через rxjs-interop
Бесплатный вебинар проходит в рамках курса “Angular Developer“
Регистрация и подробнее о курсе Angular Developer - https://clck.ru/3NDgF7
Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576
🪐 Новый 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)
🧩 FossFLOW — опенсорс PWA для создания стильных технических диаграмм прямо в браузере
Этот инструмент идеально подойдёт для архитекторов, инженеров и DevOps-специалистов, которым нужно быстро визуализировать инфраструктуру.
🎨 Особенности:
— работает как полноценное веб‑приложение (PWA)
— поддерживает кастомные цвета, подписи, офлайн-режим
— удобный drag‑and‑drop интерфейс и управление компонентами
— ничего не надо устанавливать — всё прямо в браузере
🚀 Разворачивается за секунды:
— GitHub Pages
— Netlify
— Vercel
— Docker
или можно просто открыть онлайн-демо:
stan-smith.github.io/FossFLOW/
💡 Быстрая, приватная и лёгкая альтернатива тяжёлым десктопным редакторам.
🔗 GitHub: github.com/stan-smith/FossFLOW
Этот инструмент идеально подойдёт для архитекторов, инженеров и DevOps-специалистов, которым нужно быстро визуализировать инфраструктуру.
🎨 Особенности:
— работает как полноценное веб‑приложение (PWA)
— поддерживает кастомные цвета, подписи, офлайн-режим
— удобный drag‑and‑drop интерфейс и управление компонентами
— ничего не надо устанавливать — всё прямо в браузере
🚀 Разворачивается за секунды:
— GitHub Pages
— Netlify
— Vercel
— Docker
или можно просто открыть онлайн-демо:
stan-smith.github.io/FossFLOW/
💡 Быстрая, приватная и лёгкая альтернатива тяжёлым десктопным редакторам.
🔗 GitHub: github.com/stan-smith/FossFLOW
Хотите углубить знания в JavaScript и работать с самыми популярными фреймворками? Прокачайте свои навыки до профессионального уровня с курсом «JavaScript Developer. Professional» от OTUS.
Мы предлагаем практический курс, где вы:
- Изучите передовые технологии, такие как ReactJS, Angular, Vue, Node.js и другие.
- Научитесь работать с такими инструментами, как Webpack, TDD, и PostgreSQL.
- Примените знания на практике: создадите сложные веб-приложения, протестируете их, организуете хранение данных и многое другое.
Вы сможете:
• Создавать приложения для реальных проектов.
• Применять паттерны проектирования.
• Работать с асинхронностью, тестированием, оптимизацией.
Пройдите вступительное тестирование и получите скидку на обучение: https://clck.ru/3NFvzi
Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576
Мы предлагаем практический курс, где вы:
- Изучите передовые технологии, такие как ReactJS, Angular, Vue, Node.js и другие.
- Научитесь работать с такими инструментами, как Webpack, TDD, и PostgreSQL.
- Примените знания на практике: создадите сложные веб-приложения, протестируете их, организуете хранение данных и многое другое.
Вы сможете:
• Создавать приложения для реальных проектов.
• Применять паттерны проектирования.
• Работать с асинхронностью, тестированием, оптимизацией.
Пройдите вступительное тестирование и получите скидку на обучение: https://clck.ru/3NFvzi
Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576
🧠 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)