🌐 Эта статья рассматривает менее известные HTML-элементы, которые могут быть полезны в разработке веб-страниц, но часто остаются незамеченными.

🌟 Она объясняет, как и когда использовать такие элементы, как , , , , и другие, чтобы улучшить функциональность и семантику веб-страниц.

🔗 Ссылка: *клик*

НОВИНКА: Kokoro v1.0 - 82 МБ, это открытая многоязычная модель TTS (преобразование текста в речь на другом языке), которая функционирует на WebGPU в браузере! 🔥

Это полностью автономная модель, 100% локальная, с поддержкой английского, испанского, французского, итальянского, японского и китайского языков! ⚡

Она работает прямо в браузере и обеспечивает удивительно быстрый вывод, поддерживаемый ONNXRuntimeWeb.

Чтобы запустить, достаточно ввести команду: npm i kokoro-js.

Лицензирование: Apache 2.0.

▪Github: https://github.com/hexgrad/kokoro/tree/main/kokoro.js
▪Demo: https://huggingface.co/spaces/webml-community/kokoro-webgpu

🖥 boardgame.io (https://github.com/boardgameio/boardgame.io) — это движок для разработки пошаговых многопользовательских игр на JavaScript!

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

🔐 Лицензия: MIT

🖥 Github (https://github.com/boardgameio/boardgame.io)

🖥 NVM (Node Version Manager) — это инструмент для управления версиями Node.js, который можно устанавливать на уровне пользователя и использовать в каждой сессии терминала.

🌟 Он совместим с любыми оболочками, которые поддерживают стандарт POSIX, такими как sh, dash, ksh, zsh и bash, и работает на Unix, macOS и Windows WSL.

💡 С помощью NVM вы можете легко устанавливать и переключаться между разными версиями Node.js, что особенно полезно при работе над проектами с разными требованиями к версиям Node.js. Для установки или обновления NVM рекомендуется использовать скрипт установки, который доступен в официальном репозитории на GitHub.

🔐 Лицензия: MIT

🖥 Github

👩‍💻 Puck (https://github.com/measuredco/puck) — это визуальный редактор для React, который разработала компания Measured Corporation Ltd!

🌟 Он даёт возможность разработчикам создавать и изменять компоненты React с помощью простого в использовании интерфейса, что делает процесс разработки пользовательских интерфейсов более удобным. Puck предлагает функции перетаскивания компонентов, настройки их свойств и визуального редактирования структуры приложения.

🔐 Лицензия: MIT

🖥 Github (https://github.com/measuredco/puck)

@react_tg

🖥 PDF.js (https://github.com/mozilla/pdf.js?tab=readme-ov-file) — это библиотека с открытым исходным кодом, созданная Mozilla, которая позволяет просматривать PDF-документы прямо в веб-браузерах с использованием стандартов HTML5 и JavaScript.

🔐 Лицензия: Apache-2.0

🖥 Github (https://github.com/mozilla/pdf.js?tab=readme-ov-file)

🖥 Sitefetch (https://github.com/egoist/sitefetch) — это инструмент для загрузки и сохранения содержимого веб-сайта в текстовом формате, который оптимизирован для взаимодействия с моделями искусственного интеллекта.

🌟 Он извлекает текст с выбранных страниц, преобразуя HTML в удобочитаемый текстовый файл. Это может быть полезно для обучения языковых моделей или анализа контента.

💡 Основные функции включают настройку выборки контента с помощью CSS-селекторов, фильтрацию страниц по шаблонам URL, а также управление количеством одновременных запросов для повышения производительности. Sitefetch легко устанавливается через пакетные менеджеры, такие как npm, pnpm или bun, и поддерживает как командную строку, так и API для интеграции в другие приложения.

🔐 Лицензия: MIT

🖥 Github (https://github.com/egoist/sitefetch)

🖥 Dexie.js (https://github.com/dexie/Dexie.js) — это простая и удобная обёртка для работы с IndexedDB, встроенной базой данных, доступной в браузерах! 🌟 Dexie.js облегчает работу с IndexedDB, устраняя известные проблемы её реализации и обеспечивая более стабильный пользовательский опыт. 💡 К числу основных особенностей относятся поддержка всех современных браузеров, Electron и мобильных приложений через Capacitor. Dexie.js делает код более понятным и предлагает функции для синхронизации данных, работы с транзакциями и запросами. 🔐 Лицензия: Apache-2.0 🖥 Github (https://github.com/dexie/Dexie.js) (https://t.iss.one/javascriptv)

🖥 Pundit-TS (https://github.com/fatihky/pundit-ts) — это библиотека для управления доступом в TypeScript!

🌟 Она предлагает полную безопасность типов и помогает организовать логику авторизации в приложениях, обеспечивая гибкость в реализации различных моделей контроля доступа, таких как RBAC, ABAC и DAC.

🔐 Лицензия: MIT

🖥 Github (https://github.com/fatihky/pundit-ts)

(https://t.iss.one/javascriptv)

🖥 Wapy.dev (https://github.com/meceware/wapy.dev) — это инструмент для управления подписками и регулярными расходами. Он предлагает удобную панель для отслеживания, оптимизации и уведомлений о платежах.

🌟 Пользователи могут регистрировать свои подписки, получать напоминания о предстоящих платежах через email или push-уведомления. Также возможно анализировать расходы по категориям с поддержкой различных валют и часовых поясов.

🔐 Лицензия: MIT

🖥 Github (https://github.com/meceware/wapy.dev)

(https://t.iss.one/javascriptv)

🖥 Domain-Driven Hexagon (https://github.com/Sairyss/domain-driven-hexagon) — это учебный репозиторий, который посвящён проектированию программного обеспечения, основываясь на принципах Domain-Driven Design (DDD), гексагональной архитектуры и других архитектурных подходах.

🌟 Основная цель проекта — продемонстрировать, как разрабатывать масштабируемые, модульные и легко поддерживаемые приложения, применяя лучшие практики, шаблоны проектирования и рекомендации.

🔐 Лицензия: MIT

🖥 Github (https://github.com/Sairyss/domain-driven-hexagon)

(https://t.iss.one/javascriptv)

🛹 Элегантный скейтлоадер для ваших проектов

#прелоадер #ожидание #загрузка #css #html

https://codepen.io/PedroFSD/pen/QWyjgQX

🖥 Domain-Driven Hexagon (https://github.com/Sairyss/domain-driven-hexagon) — это учебный репозиторий, который посвящён проектированию программного обеспечения с применением принципов проектирования, ориентированного на домен (DDD), гексагональной архитектуры и других архитектурных подходов.

🌟 Основная цель проекта — продемонстрировать, как разрабатывать масштабируемые, модульные и легко поддерживаемые приложения, применяя лучшие практики, шаблоны проектирования и рекомендации.

🔐 Лицензия: MIT

🖥 Github (https://github.com/Sairyss/domain-driven-hexagon)

Простой вариант анимированного прелоадера.

Примеры использования:
🔶 ожидание расчёта стоимости страховки на автомобиль;
🔶 ожидание подтверждения оплаты.

#прелоадер #ожидание #загрузка

https://codepen.io/rikhnovets/pen/OJKLWgy