Semantic UI
- Semantic is a UI framework designed for theming.
- As its name suggests, the main goal of Semantic UI is to be meaningful. There are a couple of things that help with that aim. All of Semantic’s components are called UI Definitions and are split into 5 distinct types: elements, collections, views, modules, and behaviors.
Key Features
- 50+ UI elements
- 3000 + CSS variables
- 3 Levels of variable inheritance (similar to SublimeText)
- Built with EM values for responsive design
- Flexbox friendly
Getting Started
- npm install semantic-ui # Use themes, import build/watch tasks into your own gulpfile.
- For more detail into how work with Semantic when building a site please read our customization guide on LearnSemantic.com
Browser Support
- Last 2 Versions FF, Chrome, IE 10+
- Safari 6
- IE 9+ (Browser prefix only)
- Android 4
- Blackberry 10
Why Choose Semantic UI?
The buzz surrounding Semantic is great, but why should you choose Semantic over the others? Well, there are several good reasons:
- Semantic is a modern framework offering almost all you need out-of-the-box to build modern websites. With so many components, the need for third-party add-ons is minimal.
- Semantic is under active development. Features and functionality are being improved and extended on a regular basis.
- Semantic is designer-friendly. The natural language naming conventions used by the framework, with no shorthand or abbreviations, are understandable by everyone.
- The structure, separation, and naming of Semantic’s components are much more meaningful and well-ordered than in other frameworks.
- Semantic offers a powerful and flexible customization system. Whether you want to tweak your UI or change completely the appearance of your website, Semantic gives you the possibility to do it.
Comments
Post a Comment