Front-End Interface Development Framework-Semantic UI

Source: Internet
Author: User


I usually don't like to change the development framework, even the HTML/CSS framework. However, sometimes it is worthwhile to change the framework for the ultimate product quality. For a while, I am a super fan of Zurb's Foundation Framework. It has many features not available in other frameworks, and it also has many pre-made templates. Therefore, Zurb's Foundation Framework is relatively comfortable and quick to design. However, the only difference is that some functions can be used only when the new version of Foundation is released. When you enter the Semantic UI development framework, you will see a large number of features that are very characteristic. Semantic UI supports modal verbs, accordion elements, element splitters, 3D transformations, and even ratings. Not to mention other running programs, because they all seem to be buttered-they run very fluently. Of course, the list is only the tip of the iceberg, but this gives you a general idea of the situation. Maybe Semantic UI is only a new member in the HTML/CSS framework field, but it is very popular and unstoppable. In addition, these features use category names that are closer to English than casual strings, so using Semantic uidesign makes you feel more natural. Therefore, it is much easier to learn how to use Semantic UI and use Semantic UI for design. However, the current problem is that Semantic UI ignores some basic functions, such as basic image slide, or thumbnail class. However, it was found that these so-called missing functions are actually integrated with other functions and can be fully implemented in other aspects.Advantages of Semantic UI: Published under the MIT license agreement. There are good evidentiary records. It seems easier to learn and use. Provides grid layout. Use the LESS dynamic style language. There are some very practical additional configurations, such as the inverted class. Community contribution is relatively open. There is a very good button implementation, modal verb, and progress bar. Use the icon font on many features.
 Disadvantages of Semantic UI: No image slider. No thumbnail class. The visibility class is missing. No SASS. Version 1.0 or later is not released.
 Let's take a look at the advantages and disadvantages of BootStrap.: Today's Bootstrap has included dozens of components, each of which is naturally integrated with design and development. It has a complete instance document that defines real components and templates. Regardless of the technical level, developers can use Bootstrap to quickly and conveniently build apps that developers like in any workflow. What is commendable is that Bootstrap still helps developers solve practical problems based on the principles of "Concurrent Development", "style guide as a product", and "catering to all skill levels", and constantly improves themselves, attract more people to apply Bootstrap to their own projects. However, the "Everything is different" in the ancient cloud, and the "good" and "bad" are the same in Bootstrap. For developers in China, the most terrible problem is IE compatibility. Currently, Bootstrap does not support IE6 to IE8. Another drawback is that using Bootstrap templates often results in bloated website structures. In addition, overwriting some styles will cause code redundancy.Next, let's take a look at the advantages and disadvantages of the Foundation.: Foundation is an easy-to-use, powerful, and flexible framework for building Web applications based on any device. Provides a variety of Web UI components, such as forms, buttons, and Tabs. In terms of compatibility, the Foundation has abandoned support for IE 8, while Bootstrap 2 can still provide perfect support for IE 8, even through the bs-ie method to meet the requirements for most component to support IE 6, it is important to consider this important factor when selecting Foundation or Bootstrap in China. From the JavaScript library perspective, Bootstrap 2/3 uses more common jQuery, while Foundation uses Zepto and Zepto. javaScript is a JavaScript framework that supports mobile WebKit browsers and has jQuery-compatible syntax. In terms of Community support, Bootstrap's popularity on Github is beyond doubt. There are also Chinese versions of documents in China. Various tutorial cases and derived plug-ins and themes are also emerging and thriving. The Community Support of Foundation is relatively weak. Because the development philosophy of the Foundation is mobile first, the Foundation is relatively small in China.Conclusion: To be honest, many people prefer the Semantic UI framework. Whether it is used on a production site or in a personal project, Semantic UI will be particularly exciting. If the Semantic UI framework can exert all its potential, it is likely to be more popular than Bootstrap and Foundation developers. In HN's discussion, dfischer specifically mentioned that in order to obtain the real Semantic feature, the demo had to be thoroughly separated from the tag. In addition, standard module settings such as "rating" are essential. In just a short period of time, I completed this http://betterfrontend.com/, but I didn't do anything to put the time in. This is not a Semantic framework, because category names have too many definitions, they are only used for the same category of the same function. A css framework decorated with categories will never be a Semantic framework.Bluetidepro: I personally think this Semantic UI is very promising. The Semantic UI team uses LESS instead of SASS in CSS preprocessing, which is also very unique. However, not everyone thinks that Semantic UI will replace Bootstrap and Foundation. They think that Bootstrap and Foundation have their own advantages.Dntrkv: The advantages of Semantic UI framework are also provided by Bootstrap. For example, the Semantic UI framework has a good proof document record, >>> Bootstrap also has a good proof document record; the Semantic UI framework does not have an image slider, >>> the Bootstrap framework has an image slider.Cschmidt: Bootstrap's Apache 2 license agreement is generous enough. The MIT license agreement does not really have many advantages.Beat: The basis of Bootstrap has matured a lot and is widely used to get benefits from the network effect. Foundation is a substitute for Bootstrap and has a strong influence on users. How attractive is the Semantic UI framework to developers? Whether it's Bootstrap, Foundation, or Semantic UI, as a development framework, different developers naturally have different levels of acceptance and understanding. What do you think of them? Original article: CoderWall

Related Article

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.