Telegram Web
This media is not supported in your browser
VIEW IN TELEGRAM
🖥 Интересная идея для прелоадера страницы на чистом CSS

Фигурки тетриса бесконечно складываются в правильном порядке — выглядит довольно оригинально
Может неплохо сказаться на конверсии

📎 Codepen

@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
👍27🔥113🎉1
🖥 immich — высокопроизводительное self-hosted решение на TypeScript и Dart для хранения фото и видео

Для экспериментов запустить можно так, а вообще, рекомендуется использовать Docker Compose
curl -o- https://raw.githubusercontent.com/immich-app/immich/main/install.sh | bash

🖥 GitHub
🟡 Доки

@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
👍113🔥1
🖥 SigNoz — open-source платформа для мониторинга производительности приложений и не только; можно развернуть локально

git clone -b main https://github.com/SigNoz/signoz.git && cd signoz/deploy/
./install.sh


SigNoz позволяет делать довольно много всего, в том числе:
— отслеживать такие показатели приложения, как количество внешних вызовов API
— отслеживать такие аппаратные показатели как загрузка процессора или использование памяти
— автоматически фиксировать выбрасываемые исключения на Python, Java, Ruby и Javascript

Быстрый старт с помощью Docker Compose:
git clone -b main https://github.com/SigNoz/signoz.git && cd signoz/deploy/
docker compose -f docker/clickhouse-setup/docker-compose.yaml up -d


🖥 GitHub
🟡 Доки

@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
5👍3🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
🖥 Подробный туториал о том, как сделать эффект размытия линзы с помощью SDF и WebGL в Three.js

🟡 Туториал
🖥 Код

@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
21👍6🥰2
This media is not supported in your browser
VIEW IN TELEGRAM
🖥 reveal.js — open-source фреймворк для создания HTML-презентаций

Фреймворк обладает мощным набором функций, включая поддержку Markdown, возможность создания анимаций, экспорт в PDF, наличие заметок для докладчика, поддержку верстки в LaTeX, код с подсветкой синтаксиса и удобный API.

🖥 GitHub
🟡 Пример такой презентации

@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
👍231🔥1
🖥 Cyber Swiss Army Knife — JS-приложение для шифрования, кодирования, сжатия и анализа данных

CyberChef — это интуитивно понятное приложение на JavaScript для выполнения всевозможных операций в браузере, таких как например кодирование, XOR и Base64, или более сложное шифрование, например AES, DES и Blowfish, или создание бинарных и шестнадцатеричных дампов.
Ну и сжатие и декомпрессия данных, вычисление хэшей и контрольных сумм, разбор IPv6 и X.509, изменение кодировок символов и многое другое.

Быстрый старт с Docker:
docker run -it -p 8080:80 ghcr.io/gchq/cyberchef:latest

🖥 GitHub
🟡 CyberChef онлайн

@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
👍173🔥3
This media is not supported in your browser
VIEW IN TELEGRAM
🖥 Abracadabra — автоматизированный рефакторинг JS и TS для VSCode

Фичи Abracadabra:
— ярлыки для быстрого запуска самых полезных опций рефакторинга
— гибкая настройка UI
— работает с файлами .js, .jsx, .ts, .tsx, .vue и .svelte

🖥 GitHub
🟡 Расширение VSCode

@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
15👍6🔥4
🖥 Qwik — фреймворк на TypeScript, который обеспечивает мгновенную загрузку веб-приложений любого размера и сложности

npm create qwik@latest

Qwik обеспечивает максимально быструю загрузку страниц независимо от сложности сайта. Qwik такой быстрый, потому что позволяет полностью интерактивным сайтам загружаться почти без JavaScript.
По мере того как пользователи взаимодействуют с сайтом, по требованию загружаются только необходимые части сайта. Именно такая ленивая загрузка и делает Qwik столь быстрым.

🟡 Доки
🟡 Примеры использования
🖥 GitHub

@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍12🔥62😁2😢1
This media is not supported in your browser
VIEW IN TELEGRAM
🖥 POLINE — отличная библиотека TypeScript для генерации палитры цветов

npm install poline

Название "POLINE" связано с сутью генератора — проведением линии в полярных координатах.

🟡 Генератор POLINE
🖥 GitHub

@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
👍112🔥2😁2
🖥 Zero Width Shortener — интересный проект на TypeScript, который позволяет поместить любую ссылку в https://zws.im/

Отличная идея для пет-проекта, как минимум интересно выглядит

Вот так например выглядит ссылка на этот канал — https://zws.im/󠁩󠁭󠁺󠁩󠁩󠁩󠁯

🖥 GitHub
🟡 Страничка ZWS

@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
👍10👎3🔥32
🖥 bulletproof-react — простая и масштабируемая архитектура для создания готовых к продакшену приложений React

Этот репозиторий показывает структуру для создания React-приложений, которые удобно развивать и поддерживать.
Исходя из опыта автора (alan2207) — он работал с большим количеством разных кодовых баз, — представленная архитектура оказывается наиболее эффективной.

🖥 GitHub

@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍16🔥65
🖥 Релиз Bun 1.1.14

bun upgrade

Релизнулся Bun 1.1.14!

Пофиксили 63 бага.
Патч node_modules с bun patch, маппинг объектов без ORM в bun:sqlite, запись всех вызовов fetch() в журнал как команды curl, улучшения совместимости с Node.js, исправления ошибок в установке bun, исправления ошибок в bun:sqlite, исправления ошибок в Windows.

🟡 Подробнее

@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥10👍73
⚡️Лучший способ получать свежие обновлении и следить за трендами в разработке на вашем языке. Находите свой стек и подписывайтесь:

C#: www.tgoop.com/csharp_ci
Машинное обучение: www.tgoop.com/ai_machinelearning_big_data
АНАЛИЗ Данных: www.tgoop.com/data_analysis_ml
Хакинг: www.tgoop.com/linuxkalii
Linux: www.tgoop.com/linuxacademiya
Базы данных: www.tgoop.com/sqlhub
C++ www.tgoop.com/cpluspluc
Golang: www.tgoop.com/Golang_google
Java: www.tgoop.com/javatg
React: www.tgoop.com/react_tg
Javascript: www.tgoop.com/javascriptv
Мобильная разработка: www.tgoop.com/mobdevelop
Docker: www.tgoop.com/+0WdB4uvOwCY0Mjdi
Python: www.tgoop.com/pythonl
Rust: www.tgoop.com/rust_code
PHP: www.tgoop.com/phpshka
Android: www.tgoop.com/android_its
Big Data: www.tgoop.com/bigdatai
Devops: www.tgoop.com/devOPSitsec
Собеседования МЛ: www.tgoop.com/machinelearning_interview
Python подготовка с собесу: www.tgoop.com/python_job_interview
МАТЕМАТИКА: www.tgoop.com/data_math

💼 Папка с вакансиями: www.tgoop.com/addlist/_zyy_jQ_QUsyM2Vi
Папка Go разработчика: www.tgoop.com/addlist/MUtJEeJSxeY2YTFi
Папка Python разработчика: www.tgoop.com/addlist/eEPya-HF6mkxMGIy
Папка ML: https://www.tgoop.com/addlist/2Ls-snqEeytkMDgy
C++ папка: https://www.tgoop.com/addlist/CdBs5DLepLJmZjY6
C# папка: https://www.tgoop.com/addlist/u15AMycxRMowZmRi
Java папка: https://www.tgoop.com/addlist/ZM3J6oFNAnRlNWU6
FRONTEND папка: https://www.tgoop.com/addlist/mzMMG3RPZhY2M2Iy
Linux папка: https://www.tgoop.com/addlist/w4Doot-XBG4xNzYy

😆ИТ-Мемы: www.tgoop.com/memes_prog
🇬🇧Английский: www.tgoop.com/english_forprogrammers
🧠ИИ: www.tgoop.com/vistehno

📕Ит-книги бесплатно: https://www.tgoop.com/addlist/BkskQciUW_FhNjEy
👍103🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
🖥 Оригинальная идея для пет-проекта на JavaScript

Эти часы отображают текущее время в семисегментном стиле;
время отображается в собственном коде JavaScript

▶️ Посмотреть вживую

@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
👍2418🔥13
🖥 electerm — open-source клиент терминала, ssh и т.д. на JavaScript

npm i -g electerm

electerm — клиент терминала/ssh/telnet/serialport/sftp с открытым исходным кодом

🖥 GitHub
🟡 Пример использования

@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
👍8🔥52👎1
2025/07/12 09:14:47
Back to Top
HTML Embed Code: