OSCHINA-MIRROR/yuntuigit-amazeui

Amaze UI — это открытый интерфейсный фреймворк с адаптивной вёрсткой.

Документация на английском языке

Продукт

Mobile First

Amaze UI придерживается принципа Mobile First. Начиная с экранов мобильных телефонов, Amaze UI расширяет адаптацию на более крупные экраны, такие как планшеты и ПК.

Веб-компоненты

Amaze UI содержит почти 20 CSS-компонентов, 10 JS-компонентов и 17 других веб-компонентов, которые включают 60 различных тем. Все эти компоненты разработаны, чтобы помочь вам разрабатывать эффективнее и создавать адаптивные страницы с потрясающим пользовательским интерфейсом и отличным пользовательским опытом.

Локализация

По сравнению с существующими интерфейсными фреймворками, Amaze UI фокусируется на оптимизации макета страницы на китайском языке путём автоматической настройки шрифта для разных операционных систем. Amaze UI обеспечивает лучшую совместимость с популярными браузерами и браузерами, встроенными в приложения, экономя вам много времени на отладку совместимости.

Лёгкий, но мощный

Amaze UI уделяет большое внимание производительности. Использование CSS 3 для анимации делает его более интерактивным, плавным, эффективным и подходящим для мобильных устройств, а также позволяет вашему веб-приложению быстро загружаться.

Загрузка

Пользователи могут загрузить упакованные шаблоны с официального сайта Amaze UI.

Все документы сохраняются в каталоге docs/. Чтобы удобнее просматривать демо, мы рекомендуем вам проверять документы, посетив официальный сайт.

Разработка

Разработчики могут создавать расширения поверх Amaze UI.

Структура проекта

amazeui
|-- HISTORY.md
|-- LICENSE
|-- README.md
|-- package.json
|-- dist        # Содержит все скомпилированные и минифицированные файлы CSS и JavaScript
|-- docs        # Содержит всю документацию
|-- fonts       # Иконки шрифтов, используя http://staticfile.org/
|-- gulpfile.js # Конфигурация Gulp
|-- js          # Исходный код JavaScript
|-- less        # Исходный код LESS
|-- tools       # Связанные инструменты
|-- vendor      # Содержит внешние библиотеки, такие как Zepto и другие, используемые Amaze UI
|   |-- amazeui.partials.js
|   |-- handlebars
|   |-- json.format.js
|   |-- seajs
|   `-- zepto
`-- widget      # Веб-компоненты

Сборка

Amaze UI использует gulp.js для сборки файлов.

Шаги следующие:

npm install -g gulp

git clone https://github.com/allmobilize/amazeui.git

npm install

gulp

Обратная связь по ошибкам и запросы

Обратная связь по ошибкам

Вы можете отправить отчёт об ошибке команде Amaze UI.

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

Следующие ссылки — это страницы, которые мы создали с помощью онлайн-инструментов отладки, используя макеты и скрипты Amaze UI. Вы можете разветвить и отправить отчёт об ошибке, ссылаясь на примеры страниц.

Отладка Amaze UI 1.0 в JSBin

Отправка запроса

Пользователь может отправить свой запрос через систему Issue или оставить нам сообщение на нашем официальном сайте. Любой запрос, соответствующий концепции нашего продукта, будет рассмотрен.

Вклад в код

Приглашаем вас присоединиться к нашей команде отладки! Также приветствуем вас поделиться веб-компонентами, которые вы исследовали, «разветвив» этот элемент и отправив запрос впоследствии.

Документы по разработке

Все документы по разработке сохраняются в каталоге docs/rules. Вы также можете проверить эти документы на нашем официальном сайте.

Спецификации HTML/CSS Amaze UI
Спецификации JavaScript Amaze UI
[Веб-компоненты Amaze UI] Проекты с открытым исходным кодом, на которые есть ссылки и которые используются

Zepto.js (https://github.com/madrobby/zepto) (лицензия MIT (https://github.com/madrobby/zepto/blob/master/MIT-LICENSE));
Sea.js (https://github.com/seajs/seajs) (лицензия MIT (https://github.com/seajs/seajs/blob/master/LICENSE.md));
Handlebars.js (https://github.com/wycats/handlebars.js) (лицензия MIT (https://github.com/wycats/handlebars.js/blob/master/LICENSE));
normalize.css (https://github.com/necolas/normalize.css) (лицензия MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md));
FontAwesome (https://github.com/FortAwesome/Font-Awesome/) (лицензия CC BY 3.0 (http://creativecommons.org/licenses/by/3.0/));
Bootstrap (https://github.com/twbs/bootstrap) (лицензия MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE));
UIkit (https://github.com/uikit/uikit) (лицензия MIT (https://github.com/uikit/uikit/blob/master/LICENSE.md));
Foundation (https://github.com/zurb/foundation) (лицензия MIT (https://github.com/zurb/foundation/blob/master/LICENSE));
Framework7 (https://github.com/nolimits4web/Framework7) (лицензия MIT (https://github.com/nolimits4web/Framework7/blob/master/LICENSE));
Alice (https://github.com/aliceui/aliceui.org/) (лицензия MIT (https://github.com/aliceui/aliceui.org/blob/master/LICENSE));
Arale (https://github.com/aralejs/aralejs.org/) (лицензия MIT (https://github.com/aralejs/aralejs.org/blob/master/LICENSE));
Pure (https://github.com/yui/pure) (лицензия BSD (https://github.com/yui/pure/blob/master/LICENSE.md));
Semantic UI (https://github.com/Semantic-Org/Semantic-UI) (лицензия MIT (https://github.com/Semantic-Org/Semantic-UI/blob/master/LICENSE.md));
FastClick (https://github.com/ftlabs/fastclick) (лицензия MIT (https://github.com/ftlabs/fastclick/blob/master/LICENSE));
screenfull.js (https://github.com/sindresorhus/screenfull.js) (лицензия MIT (https://github.com/sindresorhus/screenfull.js/blob/gh-pages/license));
FlexSlider (https://github.com/woothemes/FlexSlider) (GPL 2.0 (http://www.gnu.org/licenses/gpl-2.0.html));
Hammer.js (https://github.com/hammerjs/hammer.js) (лицензия MIT (https://github.com/hammerjs/hammer.js/blob/master/LICENSE.md));
Flat UI (https://github.com/designmodo/Flat-UI) (CC BY 3.0 и лицензия MIT (https://github.com/designmodo/Flat-UI#copyright-and-license));
store.js (https://github.com/marcuswestin/store.js) (лицензия MIT (https://github.com/marcuswestin/store.js/blob/master/LICENSE));
bootstrap-datepicker.js (http://www.eyecon.ro/bootstrap-datepicker/) (Apache License 2.0 (http://www.eyecon.ro/bootstrap-datepicker/js/bootstrap-datepicker.js));
iScroll (http://iscrolljs.com/) (лицензия MIT (http://iscrolljs.com/#license)).

Разработано с использованием программного обеспечения с открытым исходным кодом WebStorm