UI Framework, who do you most prefer?

Source: Internet
Author: User


Now, mobile, cross-screen has become the most popular internet technology, and front-end developers in the development of web pages, often fall into the repetitive resolution of complex cross-screen, adaptation issues, energy consumption, impact on productivity, product development slow such a vicious circle. For these cases, a few front-end frameworks have been compiled for developers to refer to when developing Web pages.

First of all, the small series to first talk about ZUI. Zui is a project management software team in the Zen Road in the process of perfecting their products, the formation of an open source front-end practice, can quickly construct modern cross-screen applications. It is simple and beautiful, easy to use, quickly build a simple and generous modern web application. Zui uses HTML5 and supports all popular mobile and desktop browser platforms, and some older browsers can downgrade support. Light independent stable, best available performance, maximum non-reliance on external components. Full platform response, write once and respond to devices of any size. Here are a few examples of using Zui.

1. Cicada know

650) this.width=650; "src=" http://s3.51cto.com/wyfs02/M00/59/E8/wKiom1Tu1gOQ9rRaAAF7S1ra560885.jpg "title=" cicada know. png "alt=" Wkiom1tu1goq9rraaaf7s1ra560885.jpg "/>


Cicada Know Enterprise Portal system is developed by the industry veteran development team specificity Enterprise marketing use of Enterprise Portal system, enterprises use cicada knowledge system can be very convenient to build a professional marketing website, to promote, carry out business, customer service.

cicada Knowledge system built-in articles, products, forums, comments, members, blogs, help and other functions, functional rich and practical, simple and convenient background operation. At the same time cicada knowledge system built-in search engine optimization necessary functions, such as keywords, abstracts, site map, friendly path, etc., the use of cicada knowledge system can be very convenient to build a search engine-friendly site. The Cicada knowledge system uses the Zui frame.

2. However, the

650) this.width=650, "src=" Http://s3.51cto.com/wyfs02/M00/59/E5/wKioL1Tu162zv1VYAAMHwXE6Nbk200.jpg "title=". jpg "alt=" Wkiol1tu162zv1vyaamhwxe6nbk200.jpg "/>


However, the collaborative system is a collaborative office system for small and medium-sized enterprises, which includes customer management, sales tracking, daily office and other functions. But the collaboration by the domestic famous open source software manufacturer Qingdao Easy soft days to develop, to LGPL agreement open source release. Qingdao Easy Soft Tianyi also developed a well-known Zen Road Open source project management software and the above has been said cicada know open source Enterprise Portal system. However, the UI framework is used.

3. Opencenter

650) this.width=650; "src=" http://s3.51cto.com/wyfs02/M00/59/E9/wKiom1Tu1sCAKmc6AANQhDkPVBM318.jpg "title=" 2.jpg " alt= "Wkiom1tu1scakmc6aanqhdkpvbm318.jpg"/>


O Pen C Enter is a Well- known social product developers want to launch a universal user-centric framework based on the thinkphp framework. Combining the social practices of Opensns (formerly Thinkox) to extract a new User Center product opencenter is about to release the beta version by the end of the year.

pen c clear and concise. chart drawing takes Highchart. Navigation structure at the top of the system-level navigation, in the top navigation added two convenient features, empty the cache and open the foreground. Navigation to the left of the installed Module management interface portal, click on the bottom more can enter the Cloud Platform Module Center, you can also add modules according to their own needs. The right part of the main content section, the major statistics on the day of activity and the recent n days of new user registration, at a glance, where n can be configured in the background.

Next, the small part says semantic UI. Semantic UI features include: A rich CSS module, Common JS components, CSS3 animation effects, beautiful atmosphere of the new, very complete documentation and presentation, with grid layout, support sass and less dynamic style language, some very useful additional configuration and so on.

650) this.width=650; "src=" Http://s3.51cto.com/wyfs02/M01/59/E5/wKioL1Tu1-miCSaZAAFI5jIwik8902.jpg "title=" Semanticui.jpg "alt=" Wkiol1tu1-micsazaafi5jiwik8902.jpg "/>


Here is an example of using the semantic UI.

650) this.width=650; "src=" http://s3.51cto.com/wyfs02/M02/59/E5/wKioL1Tu1_-TlhD-AAIuBsySaSM517.jpg "title=" sweet potato. png "alt=" Wkiol1tu1_-tlhd-aaiubsysasm517.jpg "/>


Finally, the small series introduces the next Amaze UI. The Amaze UI is a lightweight, modular, mobile-first, cross-screen front-end framework developed for HTML 5 that allows front-end developers to write their own web pages by splitting and encapsulating a number of commonly used Web page components, such as carousel frames, text boxes, and so on. Instead of having to rewrite it in the process of development.

650) this.width=650; "src=" Http://s3.51cto.com/wyfs02/M02/59/E5/wKioL1Tu2A-SVm2pAAEvFk9Cb5Q356.jpg "title=" Sister Ui.jpg "alt=" Wkiol1tu2a-svm2paaevfk9cb5q356.jpg "/>


The Amaze UI has the following advantages: Adding more elements in line with Chinese market characteristics, Chinese typography is more optimized and compatible with mainstream Chinese browsers. Lighter, not only for the desktop, but also for the mobile side, including some packaged widgets.

Of course, in addition to the above three UI frameworks, there are other frameworks that can be used to help developers quickly design and develop, greatly simplifying a lot of work. For developers, choose the right frame for you and do more with less. Small part of the above described above, I hope you have some help.

  


UI Framework, who do you most prefer?

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.