2014
Tuts+
Lawrence Turton
5:42
English

Semantic UI is a well-crafted front-end framework with professional features and a robust API. This course will guide you from start to finish through the process of building a four-page website with a wide range of user interface (UI) elements, using Semantic UI.
By the end of the course, you’ll be well acquainted with all the features and benefits of Semantic U

1.Introduction and Setting Up
1.1 Introduction
1.2 Working With Semantic UI
1.3 Setting Up the Workspace
2.Developing a Header & Footer With Semantic UI
2.1 Mobile Menu & Button UI
2.2 Floating Menu
2.3 Header Icon & Polish
2.4 Header & Footer With Grid
2.5 Footer Menu, Icons & Feed
3.Creating a Homepage With Semantic UI
3.1 Home Page Grid, Icon, Image & Pop-Up
3.2 Finishing Up the Home Page
4.Creating an About Page With Semantic UI
4.1 Image & Full Page Dimmer
4.2 Table & Comment Section
5.Creating a Portfolio With Semantic UI
5.1 Portfolio Items, Label & Rating
5.2 Step & Accordion
5.3 Step & Accordion Communication
6.Creating a Contact Page With Semantic UI
6.1 Contact Page Segment & Input
6.2 Form Fields & Message Block
6.3 Setting Up The Form
6.4 Checkbox & Drop-Down
6.5 Form Validation (Part One)
6.6 Form Validation (Part Two): Segment Loader
6.7 Form Validation (Part Three)
6.8 Shape Module
6.9 Finishing the Form & Adding a Modal Dialog
7.Finishing Touches & Conclusion
7.1 Modal & Progress Bar
7.2 Conclusion

Download File Size:1.9 GB

---