This media is not supported in your browser
VIEW IN TELEGRAM
Веб-разработчики, ловите полезный инструмент: MetaExplorer — мощное SEO-расширение прямо в браузере.
Показывает всё, что не так с вашей страницей:
– битые ссылки
– дубли заголовков
– кривые или отсутствующие мета‑теги
– проблемы с доступностью
– и другие SEO‑косяки, которые сложно отследить вручную
🚀 Подходит не только для фикса багов, но и для улучшения качества перед релизом.
Больше не нужно зарываться в DevTools или десятки валидаторов — всё видно сразу.
Очень удобная штука: https://www.metaexplorer.co/
@javascriptv
Показывает всё, что не так с вашей страницей:
– битые ссылки
– дубли заголовков
– кривые или отсутствующие мета‑теги
– проблемы с доступностью
– и другие SEO‑косяки, которые сложно отследить вручную
🚀 Подходит не только для фикса багов, но и для улучшения качества перед релизом.
Больше не нужно зарываться в DevTools или десятки валидаторов — всё видно сразу.
Очень удобная штука: https://www.metaexplorer.co/
@javascriptv
❤8👍7🔥1
📢 Выходцы из Jetbrains запилили годноту для Java/Kotlin-разработчиков.
Стартап называется ❇️ Explyt.
Они только что выкатили мощный релиз.
Вкратце: это плагин в IDE, который сам генерирует тесты с интересными возможностями:
✔️ Vibe debugging. За счет интеграции с IDE, плагин собирает данные по исполнению программы и генерирует тест по этим данным, что экономит время на тестировании и отлавливает ошибки на 80-90% (!)
✔️ Агентский режим. Ассистент, который живёт в проекте и следит за покрытием, сам находит незакрытые места и предлагает тесты. Работает в фоне, как часть команды.
👉 Кому интересно - вот ссылка на релиз и установку плагина
Стартап называется ❇️ Explyt.
Они только что выкатили мощный релиз.
Вкратце: это плагин в IDE, который сам генерирует тесты с интересными возможностями:
✔️ Vibe debugging. За счет интеграции с IDE, плагин собирает данные по исполнению программы и генерирует тест по этим данным, что экономит время на тестировании и отлавливает ошибки на 80-90% (!)
✔️ Агентский режим. Ассистент, который живёт в проекте и следит за покрытием, сам находит незакрытые места и предлагает тесты. Работает в фоне, как часть команды.
👉 Кому интересно - вот ссылка на релиз и установку плагина
👍5
This media is not supported in your browser
VIEW IN TELEGRAM
Анимация загрузки для любителей чего-то необычного
#прелоадер #ожидание #загрузка
https://codepen.io/jkantner/pen/qBbjEVQ
@javascriptv
#прелоадер #ожидание #загрузка
https://codepen.io/jkantner/pen/qBbjEVQ
@javascriptv
👍12🔥5❤3👎1
This media is not supported in your browser
VIEW IN TELEGRAM
С Response-print-pdf создавайте и генерируйте PDF-документы с помощью React 📄. Этот UI-набор компонентов предназначен для создания PDF и печатных документов, таких как счета, брошюры и другие документы. Используйте простые и многократно используемые компоненты и шаблоны для создания профессиональных документов.
Реализуйте свои идеи с помощью любимого фреймворка фронтенда React для создания PDF-документов следующего поколения.
Забудьте о docx, latex или устаревших библиотеках. С помощью react-print-pdf вы получите:
☑️ Простоту в использовании
☑️ Готовые компоненты и шаблоны
☑️ 100% контроль макета
☑️ Интеграция динамических данных в PDF-файл
https://github.com/OnedocLabs/react-print-pdf
@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
❤11👍5🔥1
📊 Plotly for R — пакет для создания интерактивной визуализации в R с использованием JavaScript-библиотеки plotly.js. Позволяет превращать статические ggplot2-графики в динамические веб-визуализации с помощью одной функции
Инструмент имеет поддержку анимаций, кастомизации подсказок и интеграции с Shiny. Пакет особенно полезен для создания интерактивных дашбордов и отчетов в RMarkdown.
🤖 GitHub
@javascriptv
ggplotly(). Инструмент имеет поддержку анимаций, кастомизации подсказок и интеграции с Shiny. Пакет особенно полезен для создания интерактивных дашбордов и отчетов в RMarkdown.
🤖 GitHub
@javascriptv
❤3👍2
🪐 Новый UI-фреймворк в стиле Sci‑Fi — Cosmic UI
🌌 Cosmic UI — это open-source библиотека футуристичных компонентов на React + TailwindCSS + TypeScript. Всё выполнено в стиле научной фантастики — идеально для проектов с «космическим» вайбом.
🔧 Внутри:
- Компоненты с анимациями и голографическими эффектами
- Документация + демо: [cosmic-ui.com](https://cosmic-ui.com/docs)
- MIT лицензия — можно использовать как угодно
- Поддержка Vite, TS, ESLint, Vercel
⚡ Почему стоит попробовать?
- Готовые стилизованные компоненты экономят кучу времени
- Идеально для игр, дашбордов, кастомных интерфейсов
- Выглядит не как все остальные boring UI-библиотеки
📦 Установка:
📌Github
@javascriptv
🌌 Cosmic 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
@javascriptv
👍8❤6🔥3
🧩 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
🔥7❤4👍3
🧠 HASH — открытая база данных с элементами ИИ, которая самостоятельно структурирует информацию и проверяет её достоверность. Проект объединяет данные из разных источников в реальном времени, предлагая удобные инструменты для работы с ними даже не-техническим пользователям.
HASH имеет автономных агентов, которые автоматически дополняют и очищают данные, а в будущем система превратится в полноценную рабочую среду с AI-интерфейсами. Для старта можно использовать облачную версию или развернуть локально.
🤖 GitHub
@javascriptv
HASH имеет автономных агентов, которые автоматически дополняют и очищают данные, а в будущем система превратится в полноценную рабочую среду с AI-интерфейсами. Для старта можно использовать облачную версию или развернуть локально.
🤖 GitHub
@javascriptv
👍6❤4🔥3
⚡️ Почему лучшие разработчики всегда на шаг впереди?
Потому что они знают, где брать настоящие инсайд!
Оставь “программирование в вакууме” в прошлом, выбирай свой стек — подпишись и погружайся в поток идей, лайфхаков и знаний, которые не найдёшь в открытом доступе.
ИИ: t.iss.one/ai_machinelearning_big_data
Python: t.iss.one/pythonl
Linux: t.iss.one/linuxacademiya
Devops: t.iss.one/DevOPSitsec
Базы данных: t.iss.one/sqlhub
Мл собес t.iss.one/machinelearning_interview
C++ t.iss.one/cpluspluc
Docker: t.iss.one/DevopsDocker
Хакинг: t.iss.one/linuxkalii
МЛ: t.iss.one/machinelearning_ru
Data Science: t.iss.one/data_analysis_ml
Javascript: t.iss.one/javascriptv
C#: t.iss.one/csharp_ci
Java: t.iss.one/java_library
Python собеседования: t.iss.one/python_job_interview
Мобильная разработка: t.iss.one/mobdevelop
Golang: t.iss.one/Golang_google
React: t.iss.one/react_tg
Rust: t.iss.one/rust_code
ИИ: t.iss.one/vistehno
PHP: t.iss.one/phpshka
Android: t.iss.one/android_its
Frontend: t.iss.one/front
Big Data: t.iss.one/bigdatai
МАТЕМАТИКА: t.iss.one/data_math
Kubernets: t.iss.one/kubernetc
Разработка игр: https://t.iss.one/gamedev
Физика: t.iss.one/fizmat
SQL: t.iss.one/databases_tg
Папка Go разработчика: t.iss.one/addlist/MUtJEeJSxeY2YTFi
Папка Python разработчика: t.iss.one/addlist/eEPya-HF6mkxMGIy
Папка ML: https://t.iss.one/addlist/2Ls-snqEeytkMDgy
Папка FRONTEND: https://t.iss.one/addlist/mzMMG3RPZhY2M2Iy
🎓954ГБ ОПЕНСОРС КУРСОВ: @courses
😆ИТ-Мемы: t.iss.one/memes_prog
🇬🇧Английский: t.iss.one/english_forprogrammers
🧠ИИ: t.iss.one/vistehno
🖥 Chatgpt для кода в тг: @Chatgpturbobot -
📕Ит-книги: https://t.iss.one/addlist/BkskQciUW_FhNjEy
💼ИТ-вакансии t.iss.one/addlist/_zyy_jQ_QUsyM2Vi
Подпишись, чтобы всегда знать, куда двигаться дальше!
Потому что они знают, где брать настоящие инсайд!
Оставь “программирование в вакууме” в прошлом, выбирай свой стек — подпишись и погружайся в поток идей, лайфхаков и знаний, которые не найдёшь в открытом доступе.
ИИ: t.iss.one/ai_machinelearning_big_data
Python: t.iss.one/pythonl
Linux: t.iss.one/linuxacademiya
Devops: t.iss.one/DevOPSitsec
Базы данных: t.iss.one/sqlhub
Мл собес t.iss.one/machinelearning_interview
C++ t.iss.one/cpluspluc
Docker: t.iss.one/DevopsDocker
Хакинг: t.iss.one/linuxkalii
МЛ: t.iss.one/machinelearning_ru
Data Science: t.iss.one/data_analysis_ml
Javascript: t.iss.one/javascriptv
C#: t.iss.one/csharp_ci
Java: t.iss.one/java_library
Python собеседования: t.iss.one/python_job_interview
Мобильная разработка: t.iss.one/mobdevelop
Golang: t.iss.one/Golang_google
React: t.iss.one/react_tg
Rust: t.iss.one/rust_code
ИИ: t.iss.one/vistehno
PHP: t.iss.one/phpshka
Android: t.iss.one/android_its
Frontend: t.iss.one/front
Big Data: t.iss.one/bigdatai
МАТЕМАТИКА: t.iss.one/data_math
Kubernets: t.iss.one/kubernetc
Разработка игр: https://t.iss.one/gamedev
Физика: t.iss.one/fizmat
SQL: t.iss.one/databases_tg
Папка Go разработчика: t.iss.one/addlist/MUtJEeJSxeY2YTFi
Папка Python разработчика: t.iss.one/addlist/eEPya-HF6mkxMGIy
Папка ML: https://t.iss.one/addlist/2Ls-snqEeytkMDgy
Папка FRONTEND: https://t.iss.one/addlist/mzMMG3RPZhY2M2Iy
🎓954ГБ ОПЕНСОРС КУРСОВ: @courses
😆ИТ-Мемы: t.iss.one/memes_prog
🇬🇧Английский: t.iss.one/english_forprogrammers
🧠ИИ: t.iss.one/vistehno
📕Ит-книги: https://t.iss.one/addlist/BkskQciUW_FhNjEy
💼ИТ-вакансии t.iss.one/addlist/_zyy_jQ_QUsyM2Vi
Подпишись, чтобы всегда знать, куда двигаться дальше!
Please open Telegram to view this post
VIEW IN TELEGRAM
❤5👍2🔥2🤬1
Карточки с интересным эффектом при наведении. Сделаны на CSS и JavaScript.
Открыть код
@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
👍11🔥5❤4
⏳ AWS Amplify — библиотека для фронтенд- и мобильных разработчиков, упрощающая интеграцию приложений с облачными сервисами AWS. Она предлагает готовые решения для аутентификации, хранения данных, аналитики, API и даже машинного обучения, скрывая сложность бэкенд-настроек за простым JavaScript-интерфейсом.
Хотя инструмент заточен под AWS, архитектура позволяет подключать и кастомные бэкенды. Amplify особенно удобен для React Native и веб-приложений, например, можно добавить авторизацию через Cognito или работу с S3 буквально парой строк кода.
🤖 GitHub
@javascriptv
Хотя инструмент заточен под AWS, архитектура позволяет подключать и кастомные бэкенды. Amplify особенно удобен для React Native и веб-приложений, например, можно добавить авторизацию через Cognito или работу с S3 буквально парой строк кода.
🤖 GitHub
@javascriptv
👍8❤3
🌳 Fancytree — проверенная временем JavaScript-библиотека для создания интерактивных деревьев с поддержкой редактирования, drag'n'drop и ленивой загрузки. Хотя проект перешёл в режим поддержки, он остаётся стабильным решением для таблиц с иерархией и файловых менеджеров.
Интересно реализована модульная структура: можно подключать только нужные функции вроде фильтрации или чекбоксов. Для современных проектов автор рекомендует наследника — Wunderbaum, но Fancytree всё ещё активно используют в legacy-системах.
🤖 GitHub
@javascriptv
Интересно реализована модульная структура: можно подключать только нужные функции вроде фильтрации или чекбоксов. Для современных проектов автор рекомендует наследника — Wunderbaum, но Fancytree всё ещё активно используют в legacy-системах.
🤖 GitHub
@javascriptv
👍5❤4
This media is not supported in your browser
VIEW IN TELEGRAM
Совет по CSS 💡
Используйте табличные цифры для отображения таймеров ✅
https://www.codewithshripal.com/playground/css/use-tabular-number-for-timers
@javascriptv
Используйте табличные цифры для отображения таймеров ✅
https://www.codewithshripal.com/playground/css/use-tabular-number-for-timers
@javascriptv
👍42❤3🔥2
🔺 Delaunator — молниеносная триангуляция Делоне на JavaScript. Библиотека выполняет разбиение 2D-точек на треугольники с впечатляющей скоростью — обрабатывает миллион точек за секунду. Основной алгоритм основан на оптимизированных sweep-line методах из научных работ 2010-2013 годов.
Инструмент имеет компактные структуры данных (Uint32Array для треугольников, Int32Array для рёбер), минимизирующие нагрузку на память. Поддерживает дегенеративные случаи через robust-predicates и обновление триангуляции на лету.
🤖 GitHub
@javascriptv
Инструмент имеет компактные структуры данных (Uint32Array для треугольников, Int32Array для рёбер), минимизирующие нагрузку на память. Поддерживает дегенеративные случаи через robust-predicates и обновление триангуляции на лету.
🤖 GitHub
@javascriptv
❤8🔥5👍3🤔3
This media is not supported in your browser
VIEW IN TELEGRAM
👩💻 Google Sans Code – новый моноширинный (fixed-width) геометрический шрифт от Google, идеально дополняющий их фирменный стиль.
🔹 Разработан для работы в IDE, терминалах и технической документации
🔹 Гарантирует одинаковую ширину всех символов и отличную читаемость
🔹 Сохраняет визуальную унификацию с другими продуктами Google
Попробуйте → https://fonts.google.com/specimen/Google+Sans+Code
#GoogleFonts #Типографика #Monospace
@javascriptv
🔹 Разработан для работы в IDE, терминалах и технической документации
🔹 Гарантирует одинаковую ширину всех символов и отличную читаемость
🔹 Сохраняет визуальную унификацию с другими продуктами Google
Попробуйте → https://fonts.google.com/specimen/Google+Sans+Code
#GoogleFonts #Типографика #Monospace
@javascriptv
👍18❤4🔥3
JavaScript. Каким будет результат?
Anonymous Quiz
21%
[]
10%
[null, null, null]
41%
[undefined, undefined, undefined]
7%
[ 3 x empty ]
21%
Посмотреть ответы
👍12❤5🔥4
📦 Carbon Design System — дизайн-система от IBM с готовыми компонентами для React, Angular, Vue и Svelte. Проект предлагает не просто UI-кит, а полноценную экосистему: от цветовых палитр и типографики до адаптивной сетки и анимаций.
Система обладает модульностью. Можно использовать только нужные части через отдельные npm-пакеты вроде
🤖 GitHub
@javascriptv
Система обладает модульностью. Можно использовать только нужные части через отдельные npm-пакеты вроде
@carbon/icons или @carbon/react. Всё собрано по Atomic Design, а документация объясняет не только как работает определенный компонент, но и почему именно так, с акцентом на доступность и UX-логику. 🤖 GitHub
@javascriptv
👍12❤3
🧮 bignumber.js — библиотека для работы с числами произвольной точности в JavaScript. Она поддерживает как десятичные, так и недесятичные числа, предлагая полный набор арифметических операций без потери точности.
Проект выделяется простым API, компактным размером и отсутствием зависимостей. Он особенно полезен в финансовых расчётах, криптографии и научных вычислениях, где важна точность. Библиотека работает даже в старых браузерах, так как использует только возможности ES3.
🤖 GitHub
@javascriptv
Проект выделяется простым API, компактным размером и отсутствием зависимостей. Он особенно полезен в финансовых расчётах, криптографии и научных вычислениях, где важна точность. Библиотека работает даже в старых браузерах, так как использует только возможности ES3.
🤖 GitHub
@javascriptv
👍14❤4🔥2
This media is not supported in your browser
VIEW IN TELEGRAM
London Tube Map - Navigation Bar Concept
Концепция панели навигации в виде схемы лондонского метро.
https://codepen.io/MrDarrenGriffin/details/gOZWmYB
@javascriptv
Концепция панели навигации в виде схемы лондонского метро.
https://codepen.io/MrDarrenGriffin/details/gOZWmYB
@javascriptv
❤10👍5🤔1
💎 RisuAI — кроссплатформенный клиент для общения с ИИ. Этот проект объединяет поддержку разных языковых моделей в одном интерфейсе с необычными функциями. Например, можно создавать групповые чаты с несколькими персонажами, добавлять эмоциональные изображения в диалоги и использовать TTS для озвучки ответов.
Проект имеет встроенный редактор regex для кастомизации вывода моделей и система «Lorebook» для сохранения контекста беседы. Есть версии для веба, ПК и Docker.
🤖 GitHub
@javascriptv
Проект имеет встроенный редактор regex для кастомизации вывода моделей и система «Lorebook» для сохранения контекста беседы. Есть версии для веба, ПК и Docker.
🤖 GitHub
@javascriptv
👍7❤5🔥2