Puppertino

Добро пожаловать в Puppertino Sibirian от Codedgar

Добро пожаловать в Пуппертино ! Эта структура привносит в ваши веб -приложения образ MacOS, придерживаясь внимания к руководящим принципам Apple человеческого интерфейса. Puppertino, разработанный для того, чтобы быть легким и модульным, обеспечивает беспрепятственное пользовательское впечатление с акцентом на производительность и стиль.

Ключевые функции Framework

• Легкий вес : Puppertino построен с учетом производительности. Избегая ненужных дополнений или зависимостей, Puppertino гарантирует, что ваш веб -сайт или приложение остается быстрым и отзывчивым. Вы получаете дизайн, вдохновленный macOS, не ставя под угрозу скорость и эффективность.
• Модульная : Гибкость лежит в основе Puppertino. Независимо от того, нужен ли вам всю структуру или просто конкретные компоненты, вы можете выбрать и выбрать, что соответствует вашему проекту. Этот модульный подход позволяет вам минимизировать размер вашего веб -сайта, гарантируя, что вы включаете только то, что необходимо.
• Фокусирован дизайном : Puppertino-это не только функциональность-это тоже круто! Вдохновленный MacOS, фреймворк приоритет гладкому и современному дизайну, с местом для творческих улучшений, помимо руководящих принципов macOS, когда это необходимо.

Оглавление

• Начните
• Текущие компоненты
• Примеры и шаблоны
• О Создателе

Начните

Чтобы интегрировать Puppertino в ваш проект, просто включите файл full.css в свой тег HTML Head:

 < link rel =" stylesheet " href =" https://cdn.jsdelivr.net/gh/codedgar/Puppertino@latest/dist/css/newfull.css " >

Настройте настройку

Если вам нужны только определенные компоненты, вы можете импортировать их индивидуально, чтобы уменьшить размер файла. Вот как вы можете включить только кнопки:

 < link rel =" stylesheet " href =" https://cdn.jsdelivr.net/gh/codedgar/Puppertino@latest/dist/css/buttons.css " >

Вы также можете найти полный список отдельных компонентов и их ссылки на CDN на странице компонентов.

Npm

Вы можете установить этот репозиторий через NPM + GIT:

 # Via SSH
npm i --save [email protected]:codedgar/Puppertino.git#{{BRANCH_NAME}}

# Eg.
npm i --save [email protected]:codedgar/Puppertino.git#master

# Or Via HTTPS
npm i --save https://github.com/codedgar/Puppertino.git#BRANCH_NAME

# Eg.
npm i --save https://github.com/codedgar/Puppertino.git#master

Вы можете изменить Master с ветвью вашего выбора для установки конкретной ветви. После установки NPM вы можете просто импортировать библиотеку из node_modules

В вашем CSS

 @import ( "path/to/node_modules/puppertino/dist/full.css" )

В вашем JavaScript

 require ( "path/to/node_modules/puppertino/src/js/{{file you need, eg tabs.js}}" ) 

Текущие компоненты

Puppertino в настоящее время включает в себя следующие компоненты:

• Кнопки (нажмите, значок, действие)
• Модалы
• Формы и входные данные
• Макет
• Официальные яблочные цвета
• Сегментированные элементы управления
• Тени и размытие
• Вкладки
• Навигационные бары
• Dark Mode Manager

Чтобы получить полный список и подробные инструкции по использованию, ознакомьтесь с страницей компонентов.

Если вы не можете найти нужный компонент, вы всегда можете создать проблему для голосования за новые компоненты.

Примеры и шаблоны

Найдите подробные примеры и шаблоны, которые помогут вам быстро начать с Puppertino.

Исследуйте примеры в примерах Puppertino.

Лицензия

Puppertino находится с открытым исходным кодом и доступен по лицензии MIT с открытым исходным кодом, что позволяет свободно использовать и изменять структуру для ваших проектов.

Внося

Мы приветствуем вклад! Если вы хотите внести свой вклад в Puppertino, ознакомьтесь с руководящими принципами вклада, чтобы узнать, как принять участие.

О Создателе

Puppertino был разработан Codedgar, веб -разработчиком, увлеченным созданием чистого, элегантного веб -опыта. По мере того, как структура продолжает развиваться, будет добавлено больше функций и компонентов - так что следите за обновлениями!