Originally published at: http://www.sitepoint.com/semantic-ui-new-version-new-features/
The very first major release of Semantic UI is now official. Since the first time I found this wonderful framework – almost a year ago – I’ve watched it closely, and I can say I’m pretty happy about its current state in terms of structure, appearance, functionality, and customization abilities.
There are many exciting new features and capabilities to be mentioned, but before we look at them, let’s see what differs Semantic from other similar frameworks and why it’s called “Semantic”.
About the Structure of Semantic UI
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 (see this article for more on that).
This sort of separation makes the framework much clearer, well-ordered, and easy to work with compared to how other frameworks group their components. Besides that, all naming conventions for Semantic’s CSS classes are built around the principles of natural languages for describing elements – plurality, tense, and word order – thus making your code completely self-explanatory.
New Features and Components
The first major release of Semantic UI, version 1.0 comes with many new features and lots of improvements. There have also been further improvements leading up to the current version 1.2. Let’s see what these are.
New Build Tools
In this version Grunt is replaced by Gulp. So, in order to use the framework at its full potential you need to have Node.js and Gulp installed. This holds true mostly when you tweak the UI of your website, and during the theme creating/editing process.