Top 5 Front End Frameworks most popular in the 2015
single,single-post,postid-17190,single-format-standard,,-,ajax_fade,page_not_loaded,qode-theme-ver-5.9,wpb-js-composer js-comp-ver-4.3.4,vc_responsive

Top 5 Front End Frameworks most popular in the 2015


21 Aug Top 5 Front End Frameworks most popular in the 2015

Top 5 Front End Frameworks most popular in the 2015

Today, there are many Front-end Frameworks [CSS] was developed and put into use. But the number of those really good framework only counted on the fingers. Today would share 5 framework that we think it is the best today.

Each framework has the strengths and weaknesses of their own, and to suit each particular area of application, allowing you to choose based on the needs of a specific web project. For example, if your Web project is simple, there is no need for a complex framework. Also, many of the options are modular, allowing you to use the components you need, or even mix the components from different frameworks.

The framework in which we will discover is introduced based on the popularity of its GitHub, starting with the most popular framework Bootstrap .

1) Bootstrap

Bootstrap framework is the undisputed pioneer today. Not only are there huge popularity, but growing every day, you can be sure that the design toolkit great framework will not let you down, or to guide you on a road construction site successful web design.


– Author: Mark Otto and Jacob Thornton.
– Released: 2011
– Current Version: 3.3.1
– The famous: 75,000+ stars on GitHub

– Description: “Bootstrap is framework HTML, CSS, and JavaScript are the most popular projects for web design and development responsiveness, the project’s first mobile web design.”
– The core concept / principle: Adaptive Web Design and cell phones first.
– Dimension framework: 145 KB
– Processor: Less and SASS
– Adaptability: Yes
– Modular: Yes

– Starting templates / layouts: Yes
– Icon set: the Halflings Glyphicons
– Extras / Add-ons: Not available, but many plug-ins available third party.
– Unique Ingredients: Jumbotron
– Documentation: Good
– As of custom: Basic Customizer GUI. Unfortunately, you need to enter the color values manually, because there is no available color picker.
– Support for browsers: Firefox, Chrome, Safari, IE8 + (you need Respond.js for IE8)
– License: MIT

Notes on Bootstrap

Bootstrap main strength is the vast popularity of it. Technically, it is not really better than the other tools on the list, but it offers a variety of resources (articles and tutorials, plug-ins and third-party extensions broad, build theme, etc.) compared with four other framework combined. In short, Bootstrap is everywhere. And this is why web designers continue to choose this tool.

2. Foundation of ZURB

Foundation is the second largest engine in this list. With a solid company like ZURB behind, this framework has really strong as his own name. Time has proved all, the Foundation is used on many sites such as Facebook web design, Mozilla, eBay, Yahoo!, And National Geographic …


– Author: ZURB
– Released: 2011
– Current Version: 5.4.7
– The famous: 18,000+ stars on GitHub
– Description: “Adaptation Framework front-end the world’s most advanced”
– The core concept / principle: Adaptive Web Design and mobile phone first, semantics

– Dimension framework: 326 KB
– Processor: Sass
– Adaptability: Yes
– Modular: Yes
– Starting templates / layouts: Yes
– Icon set: Foundation Icon Fonts
– Extras / Add-ons: Yes
– Unique Composition: ADD icon, Clearing Lightbox, Video Flex, Keystrokes, Joyride, price list.

– Documentation: Good. Many additional resources available.
– Calculate the custom: No GUI Customizer, only manual customization.
– Support for browsers: Chrome, Firefox, Safari, IE9 +; iOS, Android, Windows Phone 7 +
– License: MIT

Notes on Foundation

Foundation is a truly professional framework for business support, training, consulting and supply. It also provides many resources to help you understand and use the framework faster and easier.

3) Semantic UI

Semantic UI is an ongoing effort to build the web designer have much meaning. It uses the principles of natural language, thus making the code easier to read and understand.


– Author: Jack Lukic
– Released: 2013
– Current Version: 1.2.0
– The famous: 12,900+ stars on GitHub
– Description: “A Framework-based UI component useful principles from natural language”
– The core concept / principle: Semantic, tag ambivalence, adaptability
– Dimension framework: 552 KB

– Processor: Less
– Adaptability: Yes
– Modular: Yes
– Starting templates / layouts: No
– Icon set: Font Awesome
– Extras / Add-ons: None
– Unique Ingredients: Divider, Flag, Reveal, Rail, Step, Advertising, Card, Feed, Item, Statistics, Dimmer, Rating, Shape.

– Documentation: Very good. Semantic provide a document is organized very well organized, plus a separate website provides instructions for getting started, customize and create themes.
– Calculate the custom: No GUI Customizer, only manual customization.
– Support for browsers: Firefox, Chrome, Safari, IE10 + (with prefix IE9 browser only), Android 4, BlackBerry 10
– License: MIT

Notes on Semantic UI

Semantic is an innovative framework and with the most full-featured of the framework are discussed here. The overall structure of the framework and the naming conventions, logical and semantic clarity of its classes and pass the other stuff.

4) Pure of Yahoo!

Pure is a lightweight modular system – is written in pure CSS – including the components can be used together or separately depending on your needs.


– Author: Yahoo
– Released: 2013
– Current Version: 0.5.0
– The famous: 9,900+ stars on GitHub
– Description: “A small adaptation CSS modules that you can use in any web design project”
– The core concept / principle: SMACSS, minimalist

– Dimension framework: 18 KB
– Processor: No
– Adaptability: Yes
– Modular: Yes
– Starting templates / layouts: No
– Icon set: None. You can use Font Awesome replaced.
– Extras / Add-ons: No

– Unique Ingredients: No
– Documentation: Good
– As of custom: GUI Builder Basic Skin
– Support for browsers: the latest versions of Firefox, Chrome, Safari; IE7 +; iOS 6.x, 7.x; Android 4.x
– License: BSD Yahoo! Inc.

Notes about Pure

Pure provides bare-bones styles for a clean start of the web project. It’s an ideal tool for designers chúng not need a full-featured framework that includes only the specific components to be included in their work.

5) UIKit of YOOtheme

UIKit is a collection of brief, easy to use and easy to customize components. Although this tool is not as common as other tools on the list, but it offers the same functionality and quality.


– Author: YOOtheme
– Released: 2013
– Current Version: 2.13.1
– The famous: 3,800+ stars on GitHub
– Description: “A front-ent framework for developing lightweight and modular web interface, fast and powerful”

– The core concept / principle: RWD, the first mobile phone
– Dimension framework: 118 KB
– Processor: Less, Sass
– Adaptability: Yes
– Modular: Yes
– Starting templates / layouts: Yes
– Icon set: Font Awesome

– Extras / Add-ons: Yes
– Unique Ingredients: Article, Flex, Cover, HTML Editor
– Documentation: Good
– Calculate custom GUI Advanced Customizer
– Support for browsers: Chrome, Firefox, Safari, IE9 +
– License: MIT

Notes on UIKit

UIKit been successfully used in many WordPress themes. It provides a mechanism for flexible customization and powerful, either manually or through its customizable interface.

Framework is right for you?

Finally, let us give you some guidance on choosing a precise framework, appropriate. Here are some important things:
– A framework famous? A framework has greater popularity means that many people involved in the project, and therefore, have more tutorials and articles from the community, more realistic. For example, there are plenty of web design, the extension of the third party more, and better integration with web development products relatively. The popularity also means that the framework will be developed in the future – a framework for a large community around it is less likely to be abandoned.

– A framework has positive evolution? A good framework should be constantly upgraded with the latest web technologies, especially related to mobile phones.

– Calculate carefully Framework? If a specific framework has not been used and tested in real projects, then you can feel free to experiment with it, but use it in the web project your professionalism can be an option unwise.

– Framework with good documentation? Good documentation is always desirable to facilitate the learning process.

– Level feature of Framework? The main point here is a more general framework is easier to work than a typical framework has high levels. In most cases, it’s better to choose a style framework applicable minimum because it is easier to customize.

Finally, in case you’re still not sure, you can apply an approach mix-and-match. If a specific framework does not satisfy your needs, you can combine elements from two or more for the project. For example, you can get smaller base CSS styles from a framework, a grid system from another favorite, and more complex components from a third.

hope this article will help you, thanks!



Jenny Tran
No Comments

Post A Comment