Semantic-Ui is a css framework built in 2013 by Jack Lukic. Jack was able to create this framework by utilizing HTML and Javascript allowing for easy integration for your projects. Semantic-UI can be used alongside other frameworks and libraries such as React, Meteor, Ember, Angular. Semantic works well with almost every popular internet bowser including Safari IOS, Chrome for Android, and Microsoft edge to name a few.
A Huge Toolbox
Semantic-UI's main appeal (at least to me) is that it comes with a plethora of tools a developer can utilize. The framework uses html style of coding which makes it easy to follow and understand. Some of the tools Semantic-Ui comes with are a button element, input element, a card elements, and etc... Some of these may sound familiar which they are! These are similar to html tags but Semantic-UI comes with a basic templet for each element and component that can be customized with ease.
Semantic allows the developer to write more human friendly code as it becomes easier to read. It also allows the dev to write less code. As mentioned before Semantic comes with a card component as well. The card component allows the dev to insert a card on the page that can hold info, images, buttons, and allows for customization. Semantic-Ui comes with a plethora of these tools that makes styling your projects frontend even easier.
Picking Semantic Over Other Frameworks
Semantic-Ui isn't the most popular frontend framework out there. The most popular right is Bootstrap. Although Bootstrap and Semantic-Ui do share some similarities like both allow the dev to customize their frontend and both have a lot of theme options. Although these frameworks have some similarities the differences shine brighter for example Bootstrap is even more compatible going as far back as IE 7, Bootstrap has a huge activity community as Semantic-UI is relatively small, and Semantic-UI is easier to get started in. Both have their pros and cons and really comes down to what the dev is looking for.
Semantic-UI has allowed me to really explore the possibilities of styling. Semantic-UI helped me reach new heights of web designing as the easy implementation did not hold me back.
Top comments (0)