Что это такое?
Oat — сверхлёгкая библиотека UI-компонентов на основе семантического HTML+CSS+JS без зависимостей (около 10 КБ после минификации и сжатия gzip) для создания веб-интерфейсов без фреймворка и без этапа сборки.
Oat — сверхлёгкая библиотека UI-компонентов на основе семантического HTML+CSS+JS без зависимостей (около 10 КБ после минификации и сжатия gzip) для создания веб-интерфейсов без фреймворка и без этапа сборки.Это фреймворк или просто таблица стилей?Это не фреймворк — просто небольшой CSS-файл и маленький JS-файл для нескольких динамических веб-компонентов; никаких инструментов сборки или фреймворков не требуется.
Это не фреймворк — просто небольшой CSS-файл и маленький JS-файл для нескольких динамических веб-компонентов; никаких инструментов сборки или фреймворков не требуется.Как добавить это в проект?Просто подключите небольшие файлы CSS и JS (или их CDN-ссылки) прямо в HTML-страницу и начинайте использовать семантические теги — сборка не нужна.
Просто подключите небольшие файлы CSS и JS (или их CDN-ссылки) прямо в HTML-страницу и начинайте использовать семантические теги — сборка не нужна.Нужны ли мне другие библиотеки, чтобы этим пользоваться?Нет — Oat создан без зависимостей, так что ничего дополнительно устанавливать не нужно.
Нет — Oat создан без зависимостей, так что ничего дополнительно устанавливать не нужно.Есть ли подводные камни, прежде чем на это полагаться?Проект пока в версии до 1.0, поэтому ждите несовместимых изменений, пока не выйдет версия 1.0.
Проект пока в версии до 1.0, поэтому ждите несовместимых изменений, пока не выйдет версия 1.0.Почему автор создал Oat, а не воспользовался готовой библиотекой компонентов?Автору надоели раздутость, зависимости и внезапные резкие изменения без предупреждения, типичные для JavaScript-библиотек UI-компонентов, и он хотел минималистичную альтернативу для личных проектов.
Автору надоели раздутость, зависимости и внезапные резкие изменения без предупреждения, типичные для JavaScript-библиотек UI-компонентов, и он хотел минималистичную альтернативу для личных проектов.Нужно ли добавлять CSS-классы, чтобы стилизовать компоненты?Нет: Oat из коробки стилизует семантические HTML-теги и атрибуты с учётом контекста, так что компоненты выглядят прилично без засорения разметки лишними классами.
Нет: Oat из коробки стилизует семантические HTML-теги и атрибуты с учётом контекста, так что компоненты выглядят прилично без засорения разметки лишними классами.Где посмотреть живую демонстрацию или документацию?Живая демонстрация и документация размещены на oat.ink.
Живая демонстрация и документация размещены на oat.ink.What are similar projects?daisyui, mdb-ui-kit, chakra-ui, materialize, pico, vuetify, shoelace, hyperui
daisyui, mdb-ui-kit, chakra-ui, materialize, pico, vuetify, shoelace, hyperuiWhich topics is it in?web-ui, minimalist, webcomponents, component, css-framework, vanilla-javascript, ui-kit, zero-dependency, ui-design, no-dependencies, ui-library, lightweight
web-ui, minimalist, webcomponents, component, css-framework, vanilla-javascript, ui-kit, zero-dependency, ui-design, no-dependencies, ui-library, lightweight