🔥На Stepik вышел курс: Linux: полный апгрейд твоих скиллов
Хочешь реально понимать, что происходит под капотом твоей системы, а не просто кликать по GUI?
Без глубокого знания базы ты не инженер - ты просто пользователь.
🔹 В курсе ты:
- Освоишь bash, grep, sed, awk - инструменты, которыми живут админы.
- Разберёшь права, процессы, сеть, файловую систему и научишься чинить всё, что падает.
- Настроишь SSH, firewall, systemd, crontab, демоны и автозапуск.
- Научишься анализировать логи, следить за нагрузкой, и не паниковать при 100% CPU.
💡 Формат: пошаговое объяснение базы и разбор важных практик по работе с Linux.
🎯 После курса ты: будешь чувствовать Linux как родную среду и забудешь, что такое “permission denied”.
🚀 24 часа действует скидка 30%
👉 Учиться со скидкой
Хочешь реально понимать, что происходит под капотом твоей системы, а не просто кликать по GUI?
Без глубокого знания базы ты не инженер - ты просто пользователь.
🔹 В курсе ты:
- Освоишь bash, grep, sed, awk - инструменты, которыми живут админы.
- Разберёшь права, процессы, сеть, файловую систему и научишься чинить всё, что падает.
- Настроишь SSH, firewall, systemd, crontab, демоны и автозапуск.
- Научишься анализировать логи, следить за нагрузкой, и не паниковать при 100% CPU.
💡 Формат: пошаговое объяснение базы и разбор важных практик по работе с Linux.
🎯 После курса ты: будешь чувствовать Linux как родную среду и забудешь, что такое “permission denied”.
🚀 24 часа действует скидка 30%
👉 Учиться со скидкой
❤2🔥2🖕1
This media is not supported in your browser
VIEW IN TELEGRAM
Синхронизация React с API браузера
👍33❤7
🧩 ReMemory: Защита ваших секретов с помощью совместного доступа
ReMemory позволяет шифровать файлы и делить ключ на части, которые получают ваши доверенные лица. Каждый участник получает автономный инструмент для восстановления данных в браузере, без необходимости в серверах или зависимостях.
🚀Основные моменты:
- Использует секретное деление Шамира для безопасности.
- Восстановление возможно без интернета и сторонних сервисов.
- Каждый участник получает уникальный пакет с инструкциями и инструментом восстановления.
- Подходит для защиты важных данных, таких как коды доступа и документы.
- Прост в использовании, даже для не технических пользователей.
📌 GitHub: https://github.com/eljojo/rememory
#javascript
ReMemory позволяет шифровать файлы и делить ключ на части, которые получают ваши доверенные лица. Каждый участник получает автономный инструмент для восстановления данных в браузере, без необходимости в серверах или зависимостях.
🚀Основные моменты:
- Использует секретное деление Шамира для безопасности.
- Восстановление возможно без интернета и сторонних сервисов.
- Каждый участник получает уникальный пакет с инструкциями и инструментом восстановления.
- Подходит для защиты важных данных, таких как коды доступа и документы.
- Прост в использовании, даже для не технических пользователей.
📌 GitHub: https://github.com/eljojo/rememory
#javascript
🔥7❤3
Lightning CSS
Очень быстрый парсер, транспилятор, бандлер и минификатор CSS от создателя Parcel: поддерживает CSS-модули, добавляет вендорные префиксы на основе browserslist, интегрируется с webpack.
🌐Ссылка dev
Очень быстрый парсер, транспилятор, бандлер и минификатор CSS от создателя Parcel: поддерживает CSS-модули, добавляет вендорные префиксы на основе browserslist, интегрируется с webpack.
🌐Ссылка dev
❤10👍1🔥1
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
❤8🔥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
👍12
This media is not supported in your browser
VIEW IN TELEGRAM
CSS Blossoming Flowers at Magical Night
Анимированная сцена, написанная с помощью SCSS и JavaScript.
Смотреть код
Анимированная сцена, написанная с помощью SCSS и JavaScript.
Смотреть код
👍13❤7
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
Утечка кода инструментария 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/
😁9👍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
❤9👍6🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
Знаете ли вы, что в CSS можно определить поворот с помощью блока
turn? 🤩👍17❤11