🌳 Fancytree — проверенная временем JavaScript-библиотека для создания интерактивных деревьев с поддержкой редактирования, drag'n'drop и ленивой загрузки. Хотя проект перешёл в режим поддержки, он остаётся стабильным решением для таблиц с иерархией и файловых менеджеров.
Интересно реализована модульная структура: можно подключать только нужные функции вроде фильтрации или чекбоксов. Для современных проектов автор рекомендует наследника — Wunderbaum, но Fancytree всё ещё активно используют в legacy-системах.
🤖 GitHub (https://github.com/mar10/fancytree)
Интересно реализована модульная структура: можно подключать только нужные функции вроде фильтрации или чекбоксов. Для современных проектов автор рекомендует наследника — Wunderbaum, но Fancytree всё ещё активно используют в legacy-системах.
🤖 GitHub (https://github.com/mar10/fancytree)
🔺 Delaunator — молниеносная триангуляция Делоне на JavaScript. Библиотека выполняет разбиение 2D-точек на треугольники с впечатляющей скоростью — обрабатывает миллион точек за секунду. Основной алгоритм основан на оптимизированных sweep-line методах из научных работ 2010-2013 годов.
Инструмент имеет компактные структуры данных (Uint32Array для треугольников, Int32Array для рёбер), минимизирующие нагрузку на память. Поддерживает дегенеративные случаи через robust-predicates и обновление триангуляции на лету.
🤖 GitHub (https://github.com/mapbox/delaunator)
Инструмент имеет компактные структуры данных (Uint32Array для треугольников, Int32Array для рёбер), минимизирующие нагрузку на память. Поддерживает дегенеративные случаи через robust-predicates и обновление триангуляции на лету.
🤖 GitHub (https://github.com/mapbox/delaunator)
JavaScript. Каким будет результат?
Anonymous Poll
24%
[]
24%
[null, null, null]
19%
[undefined, undefined, undefined]
33%
[ 3 x empty ]
38%
Посмотреть ответы
📦 Carbon Design System — дизайн-система от IBM с готовыми компонентами для React, Angular, Vue и Svelte. Проект предлагает не просто UI-кит, а полноценную экосистему: от цветовых палитр и типографики до адаптивной сетки и анимаций.
Система обладает модульностью. Можно использовать только нужные части через отдельные npm-пакеты вроде @carbon/icons или @carbon/react. Всё собрано по Atomic Design, а документация объясняет не только как работает определенный компонент, но и почему именно так, с акцентом на доступность и UX-логику.
🤖 GitHub (https://github.com/carbon-design-system/carbon)
Система обладает модульностью. Можно использовать только нужные части через отдельные npm-пакеты вроде @carbon/icons или @carbon/react. Всё собрано по Atomic Design, а документация объясняет не только как работает определенный компонент, но и почему именно так, с акцентом на доступность и UX-логику.
🤖 GitHub (https://github.com/carbon-design-system/carbon)
🧮 bignumber.js — библиотека для работы с числами произвольной точности в JavaScript. Она поддерживает как десятичные, так и недесятичные числа, предлагая полный набор арифметических операций без потери точности.
Проект выделяется простым API, компактным размером и отсутствием зависимостей. Он особенно полезен в финансовых расчётах, криптографии и научных вычислениях, где важна точность. Библиотека работает даже в старых браузерах, так как использует только возможности ES3.
🤖 GitHub (https://github.com/MikeMcl/bignumber.js)
Проект выделяется простым API, компактным размером и отсутствием зависимостей. Он особенно полезен в финансовых расчётах, криптографии и научных вычислениях, где важна точность. Библиотека работает даже в старых браузерах, так как использует только возможности ES3.
🤖 GitHub (https://github.com/MikeMcl/bignumber.js)
This media is not supported in your browser
VIEW IN TELEGRAM
London Tube Map - Navigation Bar Concept
Концепция панели навигации в виде схемы лондонского метро.
https://codepen.io/MrDarrenGriffin/details/gOZWmYB
Концепция панели навигации в виде схемы лондонского метро.
https://codepen.io/MrDarrenGriffin/details/gOZWmYB
👍2
💎 RisuAI — кроссплатформенный клиент для общения с ИИ. Этот проект объединяет поддержку разных языковых моделей в одном интерфейсе с необычными функциями. Например, можно создавать групповые чаты с несколькими персонажами, добавлять эмоциональные изображения в диалоги и использовать TTS для озвучки ответов.
Проект имеет встроенный редактор regex для кастомизации вывода моделей и система «Lorebook» для сохранения контекста беседы. Есть версии для веба, ПК и Docker.
🤖 GitHub (https://github.com/kwaroran/RisuAI)
Проект имеет встроенный редактор regex для кастомизации вывода моделей и система «Lorebook» для сохранения контекста беседы. Есть версии для веба, ПК и Docker.
🤖 GitHub (https://github.com/kwaroran/RisuAI)
🌿 Tagify — удобный инструмент для превращения обычного поля ввода в компонент тегов с поддержкой React, Vue и Angular.
Библиотека предлагает гибкую настройку, высокую производительность и компактный код. Она умеет работать с ванильным JS и популярными фреймворками, поддерживает валидацию, редактирование тегов и даже подгрузку предложений через AJAX.
🤖 GitHub (https://github.com/yairEO/tagify)
Библиотека предлагает гибкую настройку, высокую производительность и компактный код. Она умеет работать с ванильным JS и популярными фреймворками, поддерживает валидацию, редактирование тегов и даже подгрузку предложений через AJAX.
🤖 GitHub (https://github.com/yairEO/tagify)
👎1
🖥 Прокачай JavaScript без тонны скучных туториалов
Опенсорсный челлендж на 30 дней (на самом деле более 120 😂) с понятным роадмапом и десятками проектов — от драм-машины и часов до Flappy Bird, 2048 и визуализации алгоритмов.
Что внутри:
- 30 стартовых задач + 96 продвинутых проектов с анимациями, играми и утилитами
- Демо и полный исходник к каждому проекту
- Мини-приложения: генератор паролей, погодный виджет, анимация частиц
- Постепенный рост сложности — комфортно и новичкам, и прокачанным
Как работать:
1. Иди по плану или выбирай интересные проекты
2. Разбирай код, переписывай и улучшай
3. Делай по 1 проекту в день — и уже через месяц увидишь результат
Запускай челлендж сегодня — через 30 дней твой JavaScript будет на новом уровне.
Начать учиться (https://30daysofjs.netlify.app/)
Опенсорсный челлендж на 30 дней (на самом деле более 120 😂) с понятным роадмапом и десятками проектов — от драм-машины и часов до Flappy Bird, 2048 и визуализации алгоритмов.
Что внутри:
- 30 стартовых задач + 96 продвинутых проектов с анимациями, играми и утилитами
- Демо и полный исходник к каждому проекту
- Мини-приложения: генератор паролей, погодный виджет, анимация частиц
- Постепенный рост сложности — комфортно и новичкам, и прокачанным
Как работать:
1. Иди по плану или выбирай интересные проекты
2. Разбирай код, переписывай и улучшай
3. Делай по 1 проекту в день — и уже через месяц увидишь результат
Запускай челлендж сегодня — через 30 дней твой JavaScript будет на новом уровне.
Начать учиться (https://30daysofjs.netlify.app/)
This media is not supported in your browser
VIEW IN TELEGRAM
Полезный сервис для прокачки JavaScript — формат квестов и кода в одной геймифицированной платформе. Похоже на Codewars, но с вайбом мини-игры:
Особенности:
— Задания создают реальные пользователи
— Пишешь JS прямо в браузере, сразу проверяется
— Платформа open-source — можно форкнуть и сделать свою версию
🟣 Попробовать (https://jsdares.com/?)
Особенности:
— Задания создают реальные пользователи
— Пишешь JS прямо в браузере, сразу проверяется
— Платформа open-source — можно форкнуть и сделать свою версию
🟣 Попробовать (https://jsdares.com/?)
🧩 Тест по JavaScript
Какое ключевое слово в JavaScript используется для объявления переменной, которой нельзя присвоить новое значение после установки ее начального значения? @javascriptv
Какое ключевое слово в JavaScript используется для объявления переменной, которой нельзя присвоить новое значение после установки ее начального значения? @javascriptv
Anonymous Poll
6%
A) let
3%
B) immutable
93%
C) const
0%
D) var
⚙️ Metro UI — это современный фронтенд-фреймворк, который помогает разработчикам создавать быстрые и отзывчивые веб-приложения с приятным интерфейсом в стиле Metro. Его компоненты оптимизированы для мобильных устройств, а гибкость позволяет легко адаптировать проекты под любые экраны.
Фреймворк активно развивается: новые версии выходят почти каждую неделю, а сообщество в Discord всегда готово помочь. Хотя долгосрочная поддержка старых версий не предусмотрена, разработчики могут оставаться на проверенных релизах или оперативно обновляться для доступа к новым функциям.
🤖 GitHub (https://github.com/olton/metroui)
Фреймворк активно развивается: новые версии выходят почти каждую неделю, а сообщество в Discord всегда готово помочь. Хотя долгосрочная поддержка старых версий не предусмотрена, разработчики могут оставаться на проверенных релизах или оперативно обновляться для доступа к новым функциям.
🤖 GitHub (https://github.com/olton/metroui)