This media is not supported in your browser
VIEW IN TELEGRAM
Анимация голограммы. Реализована с помощью JavaScript и CSS.
https://codepen.io/vcomics/pen/djqNrm
Please open Telegram to view this post
VIEW IN TELEGRAM
👍6🔥3❤1
⚡️ Бесплатный клон Perplexity сейчас активно хайпует - Perplexica.
Это опенсорс-поисковик с ИИ, который делает глубокий ресерч, проверяет факты и собирает ответы со ссылками на источники.
• Глубокий поиск и фактчекинг — аккуратно собирает информацию и добавляет источники
• Работает как с локальной Ollama, так и с облачными моделями Google, OpenAI и Anthropic
• Можно загружать файлы — документы, видео, аудио и изображения для уточнения запроса
• Есть набор инструментов и виджетов для проведения полноценного исследования
• Умные подсказки помогают лучше сформулировать запрос и получить точный результат
• Упор на приватность - сервис минимизирует утечки данных и контролирует их использование
https://github.com/ItzCrazyKns/Perplexica
Это опенсорс-поисковик с ИИ, который делает глубокий ресерч, проверяет факты и собирает ответы со ссылками на источники.
• Глубокий поиск и фактчекинг — аккуратно собирает информацию и добавляет источники
• Работает как с локальной Ollama, так и с облачными моделями Google, OpenAI и Anthropic
• Можно загружать файлы — документы, видео, аудио и изображения для уточнения запроса
• Есть набор инструментов и виджетов для проведения полноценного исследования
• Умные подсказки помогают лучше сформулировать запрос и получить точный результат
• Упор на приватность - сервис минимизирует утечки данных и контролирует их использование
https://github.com/ItzCrazyKns/Perplexica
🔥8👍3❤1
This media is not supported in your browser
VIEW IN TELEGRAM
Pagination - Simple Pagination
Симпатичный эффект при переключении страниц, созданный на чистом CSS.
https://codepen.io/Azametzin/pen/ZEVKJNX
Симпатичный эффект при переключении страниц, созданный на чистом CSS.
https://codepen.io/Azametzin/pen/ZEVKJNX
❤8👍1
This media is not supported in your browser
VIEW IN TELEGRAM
Infinitely drawing icons
Вся сцена - это svg картинка, анимируемая библиотекой anime.js
https://codepen.io/ainalem/pen/dKjgBx
Вся сцена - это svg картинка, анимируемая библиотекой anime.js
https://codepen.io/ainalem/pen/dKjgBx
❤9🔥4
This media is not supported in your browser
VIEW IN TELEGRAM
Experimental Gradient Editor
Приложение для генерации градиента, написанное на Vue.
https://codepen.io/meodai/pen/xyqoEO
Приложение для генерации градиента, написанное на Vue.
https://codepen.io/meodai/pen/xyqoEO
👍13
This media is not supported in your browser
VIEW IN TELEGRAM
CSS Blossoming Flowers at Magical Night
Анимированная сцена, написанная с помощью SCSS и JavaScript.
Смотреть код
Анимированная сцена, написанная с помощью SCSS и JavaScript.
Смотреть код
👍13❤8🐳1
This media is not supported in your browser
VIEW IN TELEGRAM
Dashy — это мощная и гибкая панель инструментов для управления и мониторинга ваших сервисов. С ее помощью можно организовать ссылки, отображать виджеты с системной информацией и настраивать интеграции с различными API.
Основные возможности:
✅ Полностью настраиваемый интерфейс
✅ Поддержка тем и кастомных стилей
✅ Встроенные виджеты для мониторинга сервисов
✅ Интеграции с API и сторонними сервисами
✅ Простота развертывания через Docker
https://github.com/Lissy93/dashy
Основные возможности:
✅ Полностью настраиваемый интерфейс
✅ Поддержка тем и кастомных стилей
✅ Встроенные виджеты для мониторинга сервисов
✅ Интеграции с API и сторонними сервисами
✅ Простота развертывания через Docker
https://github.com/Lissy93/dashy
👍7❤1🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
Scrubbing, scrolling and splitting
Анимация при скролле, реализованная при помощи библиотеки gsap.
https://codepen.io/BlogFire/pen/NWYRqmv
Анимация при скролле, реализованная при помощи библиотеки gsap.
https://codepen.io/BlogFire/pen/NWYRqmv
❤4👍3🔥2
This media is not supported in your browser
VIEW IN TELEGRAM
Clocktober day 21: Perspective - Стильные часы для вашего сайта
https://codepen.io/jkantner/pen/BaMazpK
https://codepen.io/jkantner/pen/BaMazpK
👍6🔥3❤2
Представлен проект cssDOOM, подготовивший реализацию игры DOOM, использующую для отрисовки только CSS, без применения элемента canvas и WebGL.
Всё что выводится на экран, включая спрайты, текстурированные стены, уровни и эффекты, оформлено через стилизованные при помощи CSS элементы <div>, размещаемые в 3D-пространстве при помощи CSS-свойств "transform" и"transform-style: preserve-3d". Игровая логика написана на JavaScript, используя в качестве эталона оригинальный код игры DOOM, открытый компанией id Software. Наработки проекта опубликованы под лицензией GPLv2.
https://cssdoom.wtf/
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥24👍2🕊1
Утечка кода инструментария Claude Code из-за забытого в NPM-пакете map-файла
Компания Anthropic по недосмотру опубликовала в составе выпуска NPM-пакета claude-code 2.1.88 полный необфусцированный исходный код инструментария Claude Code на языке TypeScript. Код попал в релиз в составе map-файла cli.js.map, применявшегося в ходе отладки. Для предотвращения подобных утечек разработчикам рекомендуется не забывать добавлять маску *.map в файл .npmignore.
Подробнее:
https://opennet.ru/65114/
https://opennet.me/65114/
Компания Anthropic по недосмотру опубликовала в составе выпуска NPM-пакета claude-code 2.1.88 полный необфусцированный исходный код инструментария Claude Code на языке TypeScript. Код попал в релиз в составе map-файла cli.js.map, применявшегося в ходе отладки. Для предотвращения подобных утечек разработчикам рекомендуется не забывать добавлять маску *.map в файл .npmignore.
Подробнее:
https://opennet.ru/65114/
https://opennet.me/65114/
😁11👍7❤2🔥2
This media is not supported in your browser
VIEW IN TELEGRAM
Красивая платежная форма на JS с валидацией правильности заполнения полей.
Если в браузере пользователя сохранены платежные данные, то форма и предложит их автозаполнение.
https://codepen.io/myacode/pen/ExPOdBd
Если в браузере пользователя сохранены платежные данные, то форма и предложит их автозаполнение.
https://codepen.io/myacode/pen/ExPOdBd
❤13👍7🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
Знаете ли вы, что в CSS можно определить поворот с помощью блока
turn? 🤩👍25❤15
This media is not supported in your browser
VIEW IN TELEGRAM
Variable Fonts and the Web Audio API
Демонстрация Web Audio API, изменяющая переменные шрифты на основе аудиовхода. Реализована с помощью JavaScript.
https://codepen.io/mandymichael/pen/OYpqdP
Демонстрация Web Audio API, изменяющая переменные шрифты на основе аудиовхода. Реализована с помощью JavaScript.
https://codepen.io/mandymichael/pen/OYpqdP
👍3😁3
✨ Поддержка с волшебной палочкой! ✨
GoodClaude — это приложение, которое позволяет отправлять слова поддержки с помощью волшебной палочки. Оно создано на основе BadClaude, но вместо наказаний предлагает только добрые слова.
🚀 Основные моменты:
- Визуализация волшебной палочки с блестками
- Звуковые эффекты при отправке сообщений поддержки
- Список вдохновляющих фраз для Claude
- Возможность кастомизации сообщений в будущем
📌 GitHub: https://github.com/ashley-ha/goodclaude
#javascript
GoodClaude — это приложение, которое позволяет отправлять слова поддержки с помощью волшебной палочки. Оно создано на основе BadClaude, но вместо наказаний предлагает только добрые слова.
🚀 Основные моменты:
- Визуализация волшебной палочки с блестками
- Звуковые эффекты при отправке сообщений поддержки
- Список вдохновляющих фраз для Claude
- Возможность кастомизации сообщений в будущем
📌 GitHub: https://github.com/ashley-ha/goodclaude
#javascript
❤4👏3🖕1
This media is not supported in your browser
VIEW IN TELEGRAM
Совет по использованию инструментов Chrome Dev Tools 💡
Знаете ли вы, что с помощью Chrome Dev Tools можно легко отслеживать, какие события срабатывают на элементе, и просматривать свойства этих событий?
Знаете ли вы, что с помощью Chrome Dev Tools можно легко отслеживать, какие события срабатывают на элементе, и просматривать свойства этих событий?
❤19👍7🔥5