✔️ Card Mouse Hover Effect

Карточки с интересным эффектом при наведении. Сделаны на CSS и JavaScript.

Открыть код (https://codepen.io/yudizsolutions/pen/wvZEeNE)



https://telegra.ph/file/2f96c1157916fe57d4fe1.mp4

⏳ AWS Amplify — библиотека для фронтенд- и мобильных разработчиков, упрощающая интеграцию приложений с облачными сервисами AWS. Она предлагает готовые решения для аутентификации, хранения данных, аналитики, API и даже машинного обучения, скрывая сложность бэкенд-настроек за простым JavaScript-интерфейсом.

Хотя инструмент заточен под AWS, архитектура позволяет подключать и кастомные бэкенды. Amplify особенно удобен для React Native и веб-приложений, например, можно добавить авторизацию через Cognito или работу с S3 буквально парой строк кода.

🤖 GitHub (https://github.com/aws-amplify/amplify-js)

🌳 Fancytree — проверенная временем JavaScript-библиотека для создания интерактивных деревьев с поддержкой редактирования, drag'n'drop и ленивой загрузки. Хотя проект перешёл в режим поддержки, он остаётся стабильным решением для таблиц с иерархией и файловых менеджеров.

Интересно реализована модульная структура: можно подключать только нужные функции вроде фильтрации или чекбоксов. Для современных проектов автор рекомендует наследника — 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)

📦 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)

🧮 bignumber.js — библиотека для работы с числами произвольной точности в JavaScript. Она поддерживает как десятичные, так и недесятичные числа, предлагая полный набор арифметических операций без потери точности.

Проект выделяется простым API, компактным размером и отсутствием зависимостей. Он особенно полезен в финансовых расчётах, криптографии и научных вычислениях, где важна точность. Библиотека работает даже в старых браузерах, так как использует только возможности ES3.

🤖 GitHub (https://github.com/MikeMcl/bignumber.js)

London Tube Map - Navigation Bar Concept

Концепция панели навигации в виде схемы лондонского метро.

https://codepen.io/MrDarrenGriffin/details/gOZWmYB

💎 RisuAI — кроссплатформенный клиент для общения с ИИ. Этот проект объединяет поддержку разных языковых моделей в одном интерфейсе с необычными функциями. Например, можно создавать групповые чаты с несколькими персонажами, добавлять эмоциональные изображения в диалоги и использовать TTS для озвучки ответов.

Проект имеет встроенный редактор regex для кастомизации вывода моделей и система «Lorebook» для сохранения контекста беседы. Есть версии для веба, ПК и Docker.

🤖 GitHub (https://github.com/kwaroran/RisuAI)

🌿 Tagify — удобный инструмент для превращения обычного поля ввода в компонент тегов с поддержкой React, Vue и Angular.

Библиотека предлагает гибкую настройку, высокую производительность и компактный код. Она умеет работать с ванильным JS и популярными фреймворками, поддерживает валидацию, редактирование тегов и даже подгрузку предложений через AJAX.

🤖 GitHub (https://github.com/yairEO/tagify)

🖥 Прокачай JavaScript без тонны скучных туториалов

Опенсорсный челлендж на 30 дней (на самом деле более 120 😂) с понятным роадмапом и десятками проектов — от драм-машины и часов до Flappy Bird, 2048 и визуализации алгоритмов.

Что внутри:
- 30 стартовых задач + 96 продвинутых проектов с анимациями, играми и утилитами
- Демо и полный исходник к каждому проекту
- Мини-приложения: генератор паролей, погодный виджет, анимация частиц
- Постепенный рост сложности — комфортно и новичкам, и прокачанным

Как работать:
1. Иди по плану или выбирай интересные проекты
2. Разбирай код, переписывай и улучшай
3. Делай по 1 проекту в день — и уже через месяц увидишь результат

Запускай челлендж сегодня — через 30 дней твой JavaScript будет на новом уровне.

Начать учиться (https://30daysofjs.netlify.app/)

Полезный сервис для прокачки JavaScript — формат квестов и кода в одной геймифицированной платформе. Похоже на Codewars, но с вайбом мини-игры:

Особенности:
— Задания создают реальные пользователи
— Пишешь JS прямо в браузере, сразу проверяется
— Платформа open-source — можно форкнуть и сделать свою версию

🟣 Попробовать (https://jsdares.com/?)