As a dead to tie up lousy dozen of 6 years and lazy at the front to no siege lion, reading a lot over the years from prominent to very prominent front frame, was hoping to get 15 to 20 framework to share, but with few predecessors for writing skills when decisive blow the ruthless, so here I am a low-key musters a 10 framework to a big pot of stew, Get enough words and the play is over. The framework below is not in any order, I will write whatever comes to mind (as a front-end, I am always capricious _).
Bootstrap
First of all, Bootstrap. You may have guessed that it will come first or will come first. This shows the power of Bootstrap. When I first entered the tao, IN line with any letter of the code must be knocked out to block my determination to let myself grow. As a result, I was lured by my gay friends and started the Bootstrap journey. Although I am a talented person in design and front-end, god only allows me to use PS and various design tools, but it does not give me the same aesthetic taste as the design girl. Therefore, this is one of the reasons why I choose Bootstrap at first. It allows me to make things that can impress girls. However, after a long time, the beauty of Bootstrap will inevitably make people feel annoyed. Fortunately, each version of Bootstrap will have great changes, so that people will not feel that their website will be in conflict with many websites. Bootstrap is so easy to use (which is probably the result of reading a lot of siege raiders and learning their pain) that even a small front-end can be picked up quickly with almost no learning cost.
Official website: getbootstrap.com/Github: github.com/twbs/bootst… By Mark Otto and Jacob Thornton Star: 93,112
Conclusion: The biggest advantage of Bootstrap is that it is very popular. Popularity means that there will be many people to help you solve the problem, which means that Bootstrap is a powerful tool. Besides, the interface is harmonious and easy to use. The disadvantage is that the class name is not semantic enough, and there are various abbreviations, so that I am not able to document. Recently, I started to integrate APP and choose it as the first choice when choosing framework, but I did not pay attention to it before. Later, when I mixed the right button attribute to look at it, suddenly a cool breeze struck me, Bootstrap is so small. So small that I had to choose another frame.
Amaze UI
The second one is a girl UI. I first used it because I met a designer who was obsessed with details. Once she challenged my font and got BOOS for her, so I had to follow her ideas and finally found Amaze UI framework (I don’t mind you calling me lazy). According to the official words, it is “a cross-screen front-end framework based on the community open source project, which gives priority to mobile, from small screen to large screen, and finally realizes all screen adaptation to adapt to the trend of mobile Internet”. But in fact, I see it as a solution to the cross-screen adaptation and compatibility problems existing in domestic browsers.
Official website: amazeui.org/Github: github.com/amazeui/ama… Company: Cloud Adapter Star: 6710
Summary: In general, Amaze UI adds more elements in line with the characteristics of the Chinese market. The framework has made a good deal of cross-screen and adaptation and prepared a series of commonly used web components, which has made a great contribution to reduce the working time of compatible and adaptable overtime dogs. The framework is also optimized for Chinese typesetting, compatible with China’s local mainstream browsers, lightweight, not only suitable for desktop, more suitable for mobile terminals.
AUI
The third is AUI, which has just come out. Although AUI claims to be AUI framework for APICloud developers, it actually solves many of the common problems of mobile front-end development. It is mainly a CSS framework for hybrid development. It seems that the author is rampant, and various advanced CSS3 are used everywhere, which makes me have to check the compatibility of these CSS3. As expected, the selected properties are compatible with good properties, ha ha a great excitement from the hands of the previous bold recognition of several good things, and the framework also provides a chat interface, count list and other components, to solve a lot of complex let me scold layout, now you can directly take away to use.
Github:github.com/liulangnan/… Official website: www.auicss.com/ author: Homeless Man Star: 92
Conclusion: This framework has an advantage for me is Pure CSS framework, I have used Pure before, I have some JS ability, if it is not a complex effect, find a Pure CSS framework you can casually change, and now CSS3 has also been able to do animation, efficiency, quality, efficient full consideration, So I chose this CSS framework. One of my complaints is that the documentation for the framework is really good.
Frozen UI
I found that THE QQ customer service also uses mixed development, among which THE FRONT-END of QQ members is Frozen UI, and this framework is open source. I was ecstatic and could not bear the loneliness in my heart. I directly tried it for a while. There’s an active community so there’s a lot of components and stuff.
Github:github.com/frozenui/fr… Www.frozenui.github. IO/Author: QQVIP FD Team Star: 1,067
Conclusion: If the Frozen UI is used with some mixed apps such as APICloud, it will feel too cool, or the native turkeys are nested in the application for front-end development. This framework is compatible with Android 2.3 + and ios 4.0 +. Or it can be used as a Web App is also a good choice. The disadvantage can be seen from the UI level. Who let it be born in the front of QQ members? (Web front-end learning exchange group: 328058344 no small talk, not like!)
WeUI
WeUI and FrozenUI are both relatively specific frameworks, WeUI is more specific than FrozenUI, so even the official website is not done, all the questions are resolved in gitHub Issues, this framework is extremely simple, of course, not to mention the volume, module is only about 7, but small size is good. Github star has exceeded 7K since the release of the framework on January 23, 16/23, but it does not rule out that users have no place to vent, so they all turn to Git, haha.
Github:github.com/weui/weuiDE… : weui. Making. IO/weui/Star: 7129
Conclusion: after looking at this set of DEMO designed by wechat design team, if you want to do wechat public, this must be the first choice without saying a word. The disadvantage of the framework is that the framework itself should not consider allowing users to use non-wechat scenarios.
SUI
“SUI is a front-end component library based on Bootstrap, and it is also a design specification. Through SUI, it is very convenient to design and realize beautiful pages. Save your brain cells by directly quoting the boring official advertisement. Of course, just as the advertisement said, if you have used Bootstrap before, you can easily switch to SUI, which may be the benefit of Taobao for the front diaosi.
Github:github.com/sdc-alibaba… Liverpoolfc.tv: sui.taobao.org/sui/docs/in… : 120
Semantic UI
The third from bottom is Semantic UI. I got to know this framework because of Bootstrap. As soon as the Semantic UI was launched, it attracted a lot of developers’ attention on Github. After using the Semantic UI, it didn’t feel much different from Bootstrap, but there was a big difference in code naming conventions. I think if Semantic UI wants to do something different, it uses compound naming methods, and the class names are particularly discrete. You have to be careful when you extend or add a class name that conflicts with its class name.
Official website: www.semantic-ui.cn/Github: github.com/semantic-or…
Foundation
Foundation is one of the oldest frameworks in the framework industry. It is said that frameworks came early, and the framework is still popular today. If you do not mind the embarrassing thing of Bootstrap development, then you can consider using Foundation. Even if you use predefined UI elements, it won’t look much like other sites, as officials say, giving developers a more flexible framework experience.
Liverpoolfc.tv: foundation.zurb.com/Github:github.com/zurb/founda… : 22736
UiKit
UIkit was developed by the YOOtheme team and is used in many WordPress themes (i.e. if you are a WordPress lover, this framework should be a good one to dig into), and the framework can be edited through GUI editors and manually, so it provides a flexible and powerful customization mechanism. The framework combines the unique features of LESS, jQuery, Normalize. CSS and FontAwesome open source project into a lightweight and modular front-end framework.
Website: www.getuikit.com/Github: github.com/uikit/uikit Author: YOOtheme Star: 6,372
Pure
Finally the last one, I as good as you open (~ ▽ ~) ~), this framework is I do management system contact, choose to use is because the framework is small, and is pure CSS, there is not too much involvement, easy to use with other frameworks quickly combined use.
Purecs. IO /Github: github.com/yahoo/pure/… : 13592
Introduction, estimate that you should watch out, I really also is met requirements, using a framework to chose a certain framework, so framework are not good and very good, can only say what is your demand, this framework doesn’t fit you right to use, all kinds of framework to use are roughly similar, with one other overhand will become simple and easy to use, I think anyone who can write frames is an outdoorsman.