An Introduction to Semantic 2.0


Is CSS and layout a mystery to you? When you read HTML are you able to understand what will be displayed without constantly looking up classes or documentation? If you’re like me, these are problems you run into when doing the view layer of your application. CSS classes become meaningless combinations of letters that don’t really seem to express intent.

However, there’s a library to help with that. Semantic UI is a framework that aims to create rich UIs “using human-friendly HTML.”  Gone are the days of col-md-3.  Instead, our HTML will have classes like “three column wide”. But it’s more than that. Semantic UI has a wide variety of elements, collections, and views that can make any application pop, all while following sane patterns.

Throughout this talk, we’ll look at several key UI components, and talk about the underlying principles of Semantic UI. After leaving the talk, you’ll be bale to install Semantic UI (hint: it’s really simple) and get up and running on your next project.


Twin Cities Code Camp 2016

KCDC 2016

DevUp 2016

Nebrasak.Code 2016

Prairie.Code 2016

CodeMash 2017