Shulou(Shulou.com)06/01 Report--

Today, the editor will share with you the relevant knowledge points about the differences between html5 and ui. The content is detailed and the logic is clear. I believe most people still know too much about this knowledge, so share this article for your reference. I hope you can get something after reading this article.

Html5 and ui what is the difference between html5 ui open source framework, from a definition point of view: HTML5 development is mainly front-end development, HTML5 he is the core language of the World wide Web, is a standard general markup under the application of hypertext markup language the fifth major change. Usually most of the pages on the website are written in HTML; UI design refers to the overall design of human-computer interaction, operation logic and beautiful interface of the software.

From the job requirements of the two practitioners, HTML5 development practitioners are called HTML5 front-end engineers, while UI design practitioners are called UI design engineers.

The main job requirements of HTML5 front-end development engineer are: proficient in making web pages using HTML and CSS, deep understanding of W3C WEB standards, practical application of usability, accessibility and other related knowledge, proficiency in one of the popular frameworks such as jquery/jqtouch/jquerymobile, etc.

The job requirements of UI design engineer are mainly as follows: responsible for the art design of software interface, creative work and production work, innovative and highly attractive creative design according to the user group of related software, etc. Apart from the differences between the two, there is also a certain relationship between UI design and HTML5 development, so you should pay attention to the following:

HTML5 developers are mainly engaged in front-end work, and user experience has high requirements for HTML5 front-end developers, so HTML5 front-end engineers need to have a certain UI foundation; similarly, practitioners related to UI design also need to master some HTML5 knowledge. It can be seen that there are both differences and connections between the two, and they complement each other.

1.Ratchet 's CSS framework, which is specially optimized for mobile devices, is a member of the bootstrap family. It is so fast that it can hardly feel the difference from Native APP after encapsulation.

Provides some common control calls, such as buttons, segmented control on iphone, open keys, list views.

2.MUI domestic, with the official IDE Hbuilder use, in Android to use native transition animation to accelerate, is currently in the low-end Android devices better performance of the Hybrid framework, UI control imitates the above ratchet, get started very quickly, but not long out, not mature enough, the actual use of a variety of small bug, and need to know some basic Native application knowledge.

3.Ionic a set of relatively perfect Hybrid App development program, with the use of Angular JS, very powerful. Officials have also recently launched a drag and drop layout tool, ionic creator. On the whole, it is a relatively mature plan.

4.Onsen UI is similar to ionic, and it is also easy to use with Angular JS. Officials have written several good patterns that can be used as soon as possible.

Of the above frameworks, MUI encapsulates HTML5+ API, and the rest are generally used with cordova.

Amaze UI is the first domestic Html5 open source cross-screen front-end framework, excellent open source front-end framework, with rich CSS+JS components. Lightweight high-performance open source framework, based on the concept of Mobile first (Mobile first), gradually expands from small screen to large screen, and finally realizes all screen adaptation to adapt to the trend of mobile Internet; for HTML5 development, using CSS3 to do animation interaction, smooth, efficient, more suitable for mobile devices, so that Web applications can be loaded more quickly Contains nearly 20 CSS components, 10 JS components, and 17 Web components containing nearly 60 themes, which can quickly build cross-screen pages with excellent interface and experience, greatly improving development efficiency; compared with foreign frameworks, Amaze UI focuses on Chinese typesetting, adjusts fonts according to user agents to achieve better Chinese typesetting results; and takes into account the compatible support of domestic mainstream browsers and App built-in browsers.

1.bootstrap files are much smaller than amazeUI files.

2.bootstrap Chinese documents are well written and easy to understand. There are many people to use, many excellent cases, and many people to fill the hole in front of them. There are many plug-ins for various tutorials on the Internet, so it is easier to find some solutions when you encounter problems.

3.bootstrap 's stupid customization is more complete and better than amazeUI.

The default interface of 4.amazeUI is a little flatter.

5.bootstrap is a standard box model that sets the size of an element, and its actual range of influence needs to be calculated.

1.IONIC is a potential HTML5 mobile application development framework at present. Build applications through SASS, which provides a number of UI components to help developers develop powerful applications. It uses the Java technetium / technetium MVVM framework and AngularJS to enhance the application. Provide two-way binding of data, and use it as a common choice for both Web and mobile developers. The upcoming release of AngularJS 2.0 will focus on mobile development, and it is believed that IONIC will achieve good results.

2.Mobile Angular UI is a responsive mobile development HTML5 framework using bootstrap 3 and AngularJS.

Bootstrap 3 Mobile components, such as switches, overlays, and sidebars, are not available in bootstrap.

AngularJS modules, such as angular-route, angular-touch and angular-animate

3.Intel XDK is a cross-platform development tool developed by Inter, we can easily develop applications through Intel XDK, all you need to do is download their application development tools, there are Linux, Windows and Mac versions, it also provides many development frameworks, such as Twitter bootstrap, jQuery Mobile and Topcoat.

4.Appcelerator's Titanium is different from other frameworks in that it is an open source framework.

5.Sencha Touch is also a cross-platform development framework for HTML5 mobile applications, running iOS/Android/Blackberry. It has been around for many years and has now become a commonly used hybrid programming development framework.

6.Telerik's Kendo UI is a powerful framework for rapid HTML5 UI development. Based on the new HTML5, CSS3 and Java standards.

7.PhoneGap is probably an old framework, and I believe many people have heard of it and even used it, but PhoneGap is based on the open source commercial version of Cordova.

These are all the contents of this article entitled "what are the differences between html5 and ui". Thank you for reading! I believe you will gain a lot after reading this article. The editor will update different knowledge for you every day. If you want to learn more knowledge, please pay attention to the industry information channel.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.