Amaze UI web mobile front-end framework, amazeui

Source: Internet
Author: User

Amaze UI web mobile front-end framework, amazeui

Directory structure

Index.html-blank HTML template;

Blog.html-blog page template (PreView );

Landing.html-Landing Page template (PreView );

Login.html-Logon Interface Template (PreView );

Sidebar.html-document template with sidebar (PreView );

Write CSS in app.css;

Compile JavaScript in app. js;


Zepto is preferred for mobile terminals and jQuery for desktop terminals, which should be the consensus of most developers. What about cross-platform responsive websites?

Zepto is small in size and fast in downloading, but is there anything else except small? Wifi popularity, 4G arrival, that ten KB is so important? Several jQuery Optimized images.

JQuery is slightly larger, which is a disadvantage. But there are a lot of details behind jQuery that are well handled; mature ecosystems, many jQuery plug-ins; a huge community that can quickly obtain solutions from the community when jQuery encounters problems

These features of jQuery help to effectively improve development efficiency. These are all lack of Zepto.

Performance considerations: the small size is not equal to the high execution efficiency, and a gap of several hundred percent is obtained through the calculation of the number of times, which actually enlarges the performance difference, in actual use, there is very little such a large amount of computing.

Although we are using Zepto now, it has evolved from the era of mobile development. Zepto may not be a good option to add desktop support.

Amaze UI

Amaze UI is a lightweight and Mobile first front-end framework written based on popular front-end frameworks in the open-source community.

Born for mobile

Amaze UI adopts the industry's advanced mobile first concept. It gradually scales from small screens to large screens to adapt all screens to the mobile Internet trend.

Web

Rich Components and modularization

Amaze UI contains nearly 20 CSS components, 10 JS components, and 17 Widgets with nearly 60 themes. This allows you to quickly build cross-screen pages with excellent interfaces and excellent experience, greatly improve your development efficiency.

Chinese

Localization support

Compared with the foreign front-end framework, Amaze UI focuses on solving the problem of Chinese typographical optimization, and adjusts the font according to the operating system to achieve the best Chinese typographical effect; provides better compatibility support for mainstream browsers and built-in apps in China, saving you a lot of compatibility debugging time.

Mobile

Lightweight, high-performance

Amaze UI is very performance-oriented. It is developed based on lightweight Zepto. js and uses CSS3 for animation interaction. It is smooth and efficient. It is more suitable for mobile devices and enables high-speed loading of Web applications.

Jquery is the most widely used web client in the past, including me. With the update of technology, we need to constantly try new technologies and development.

Image resources can be stored in the I directory.

AmazeUI
── Assets
│ ── Css
│ ── Amui.all.css
│ ── Amui.all.min.css
│ ── App.css
│ ── I
│ ── App-icon72x72@2x.png
│ ── Favicon.png
│ ── Js
│ ── Amui. js
│ ── Amui. min. js
│ ── Amui. widget. helper. js
│ ── Amui. widget. helper. min. js
│ ── App. js
│ ── Zepto. min. js
── Blog.html
── Index.html
── Landing.html
── Login.html
├ ── Sidebar.html
└ ── Widget.html
What are the differences between web Front-end UIS?

The front-end is generally responsible for html css js. It is responsible for converting the design draft into html files that can be recognized by the browser and some interactive effects.
Generally, the ui is output from the design draft psd.

What can I do if I cannot do my work? (webpage design, mobile uidesign, and WEB Front-end)

It's better to take a break and study independently or find a place to study.

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.