Web Front End Framework

1. Bootstrap

Boostrap is definitely the most popular framework currently used. It is a beautiful, intuitive and power-giving web design toolkit that can be used to develop cross-browser compatible and aesthetically pleasing pages. It offers a number of popular style-simple UI components, a raster system, and some common JavaScript plugins.

Bootstrap is written in dynamic language less, consisting mainly of four parts:

Scaffolding--Global style, responsive 12-column grid layout system. Remember that Bootstrap does not include the ability to respond to layouts by default. Therefore, if your design needs to implement a responsive layout, you need to manually turn on this feature.
The underlying css--includes basic HTML page features such as tables, forms (form), buttons (button), and images, which provide elegant, consistent styles for these features.
Component-collects a large number of reusable components, such as drop-down menus (dropdowns), button groups, and the navigation panel (navigation control)-including: Tabs,pills,lists tags, breadcrumb navigation (breadcrumbs) and page numbers (pagination), thumbnails (thumbnails), progress bars (progress bars), media Objects (multimedia objects), and more.
javascript--includes a series of jquery plug-ins that enable dynamic page effects for components. Plug-ins mainly include modal windows (modals), cue effects (tool tips), "puff" effect (popovers), scrolling monitoring (Scrollspy), Carousel (carousel), Input hints (typeahead), etc.

Bootstrap is strong enough to implement various forms of WEB interfaces. To make it easier to develop with bootstrap, many tools and resources are available to use, and some of these tools and resources are listed below.

jquery UI bootstrap--is a great resource for jquery and Bootstrap enthusiasts who can introduce Bootstrap's refreshing interface components into the jquery UI.
The jquery mobile Bootstrap theme--is similar to the jquery UI topic mentioned above, which is a theme created for jquery Mobile. This resource is easy to use if you want to make the bootstrap development site accessible on the phone.
Fuel ux--It adds a few lightweight JavaScript controls for Bootstrap. Fuel UI installation, modification, update and optimization are simple and convenient.
Stylebootstrap.info--bootstrap offers several of its own interface styles, Stylebootstrap offers more color matching options, and you can apply a different color palette to each component.
bootswatchr--using this tool you can immediately see the effect of the modified theme. For each change, the app generates a unique URL that you can share with others and change your theme at any time.
bootswatch--offers a large number of free bootstrap themes.
bootsnipp--Online front-end framework interactive component authoring tool is a free element for designers and developers based on the bootstrap Html/css/javascript architecture.
layoutit--easily and quickly create bootstrap-based front-end code with the interface drag-and-drop generator. Drag-and-drop action to add bootstrap-style components to your personal design and easily modify their properties for ease of use.

2. Flex

The Apache Foundation released the Flex 4.8 release, the first version that Adobe released after donating flex to the Apache Foundation.

It is important to note that

March 10, 2014, the Apache Flex technology community released the new Apache Flex 4.12.0 version, which is an upgraded version of Apache Flex 4.11.0, with improved features including:
Support for the latest version of Flash Player
Support for the latest air runtime
Improved memory footprint and performance
Improved styling of components for mobile platforms
Support IOS7 System
Fixed more than 80 vulnerabilities [4]
May 10, 2014, Apache optimized the 4.12.0 release, released Flex 4.12.1, new version added support for new Flash Player and air runtime, improved support for mobile media queries, and fixed more than 20 bugs.

3, ExtJS

ExtJS is a front-end Ajax framework that is primarily used to create a front-end user interface and is a basic background-agnostic technology.

Feature-rich, no one can out of its right.

Whether it's the beauty of the interface or the power of the feature, the Ext table controls are top of the list.

ExtJS Official website: http://extjs.org.cn/

Gorgeous interface, flexible features, and development tools are all matching, but there is a biggest problem, with the cost!

4, Easyui

Easyui helps you build your web app more easily.

It is a jquery-based plugin that has been developed with a lightweight UI framework that is very small and feature-rich.

The official website is:

http://www.jeasyui.com/

But she has one of the biggest problem is that the code can only find the previous open source version, to the 1.2 version of the source code is confusing, if you encounter problems to modify it will be very troublesome! But a big advantage is open source free, and the interface to do is also said the past!

5, MINIUI

Another based on the jquery framework, the development of the interface features are very rich.

JQuery miniui– Rapid Development WebUI.

It can shorten development time, reduce the amount of code, and enable developers to focus on the business and service side, easy to implement interface development, resulting in a great user experience.

With MINIUI, developers can quickly create Ajax-free, b/s fast entry data, CRUD, Master-detail, menu toolbars, pop-up panels, layout navigation, data validation, pagination tables, trees, tree tables and other typical Web application system interfaces.

Interface do pretty good, the function is very rich, but there are two relatively large problems, one is the charge, one is no source, plainly, not open source! Based on this development, if you want to expand the functionality, you need to find their team to upgrade!

6. JQuery UI

jquery UI is a set of jquery page UI plug-ins, including many kinds of commonly used page space, such as Tabs (such as the top right corner of the site), the curtain effect (the top left corner of the site), dialog box, drag and drop effects, date selection, color selection, data sorting, form sizing and so much more content.

function is very comprehensive, the interface is very beautiful, can be used as a whole, can also be separated using several modules, free open source!

7, DWZ

The DWZ Rich client framework (jquery RIA Framework) is the AJAX-enabled open source framework developed by the Chinese themselves based on JQuery.

The design goal is simple and practical, rapid development, reduce the cost of AJAX development.

We welcome suggestions, we will further adjust and refine the functionality in the next release. Jointly promote the overall level of AJAX development in China.

DWZ Forum Http://bbs.dwzjs.com

Online Demo Address http://demo.dwzjs.com

After all, is domestic, support, and the source is completely open, you can choose! But how is performance not sure!

8. GWT

Google Web Toolkit--GWT provides a set of Java language-based development packages, a design reference to the Java AWT Package design, class naming rules, interface design, event monitoring, etc. are very similar to AWT. Developers familiar with the Java AWT do not have to spend much effort to quickly understand the GWT development toolkit and devote more time to the development of GWT applications.

You do not have to understand such a JavaScript framework, through Java you can write a feature-rich interface, you can do unit testing, after all, Google's products, serious support!

9, YUI

Yahoo! UI Library (YUI) is an open source JavaScript library that uses code technology such as Ajax, DHTML, and DOM in order to build a highly interactive Web page. It also contains a number of CSS resources. The use of licensing for BSD license, basically did not how much research!

YUI Compressor is quite famous, this set of UI library does not know how the application situation!

10, Sencha

Sencha is a new project that was merged by the ExtJS, JQTouch, and Raphael three projects.

Big Company's frame, and is a few like the powerful combination of libraries, it is recommended!

11. Dojo

In the domestic application seems not very wide, but the performance should be no problem.

Dojo is an open source DHTML Toolkit implemented in JavaScript language.

With a number of foundation support, including IBM and Sun, are the software industry's leading authority, trustworthy!

12. ZK

ZK is a Ajax/xul/java-based Web application Development framework for enriching the use of Web application interfaces. The biggest benefit is that when designing an AJAX Web application, it's just as easy as designing a desktop program. ZK contains an AJAX-based, event-driven (Event-driven), highly interactive engine that also provides a rich, reusable XUL and HTML component, as well as XML-based interface design language ZK user-interfaces Markup Language (ZUML).

On-line Demo

The demo of the designer

Calendar components

Features rich, comprehensive, complete documentation, and upgraded a lot of times, very worthy of recommendation!

13, Operamasks-ui

Operamasks-ui is a lightweight front-end JS component library created by the Operamasks team in the second half of 2011, designed to provide a library of front-end JavaScript UI components with low learning curves, flexible customization, consistent styling, and multi-browser support and coverage of enterprise business scenarios. The team has now opened the product to the community with the LGPL Open source agreement.

Rich documentation, full-featured, and easy to use and develop! and is homemade yo!

14. JavaFX

Sun, which was acquired by Oracle in 2009, released a full version of JavaFX technology on December 05, 2008, enabling you to develop rich Internet applications (RIA) in the JavaFX programming language. The JavaFX Script programming language (hereinafter referred to as JAVAFX) is a declarative, statically typed (declarative, static type) scripting language developed by Sun Microsystems. JavaFX technology has good prospects, including the ability to invoke Java APIs directly. Because JavaFX script is a static type, it also has structured code, reusability, and encapsulation, such as packages, classes, inheritance, and individual compilation and publishing units that make it possible to create and manage large programs using Java technology.

Regardless of the number of people, after all, from Sun, now is Oracle, I believe there will be a broad market, but do not know which companies use this framework to develop

Web Front End Framework