Lessons:26Length:5.7 hours

For full access to all 26 lessons, including source files, subscribe with Elements.
- Overview
- Transcript
4.2 Table & Comment Section
Tables are not obsolete, contrary to what many developers believe. This element is still number one for tabular data that has a set criteria, which I’m happy to say Semantic UI embraces rather than shuns. No, you shouldn’t use tables for layout, but that doesn’t mean you should discount them entirely. With Semantic UI you can clearly show the user how the data is to be interpreted. Finally we’ll add a comment section below, with a basic text area and button.
1.Introduction and Setting Up3 lessons, 22:02
3 lessons, 22:02
Free Lesson 1.1Introduction01:26
Free Lesson
1.1
Introduction
01:26
Free Lesson 1.2Working With Semantic UI12:35
Free Lesson
1.2
Working With Semantic UI
12:35
1.3Setting Up the Workspace08:01
1.3
Setting Up the Workspace
08:01
2.Developing a Header & Footer With Semantic UI5 lessons, 1:13:21
5 lessons, 1:13:21
2.1Mobile Menu & Button UI14:51
2.1
Mobile Menu & Button UI
14:51
2.2Floating Menu14:55
2.2
Floating Menu
14:55
2.3Header Icon & Polish15:13
2.3
Header Icon & Polish
15:13
2.4Header & Footer With Grid14:56
2.4
Header & Footer With Grid
14:56
2.5Footer Menu, Icons & Feed13:26
2.5
Footer Menu, Icons & Feed
13:26
3.Creating a Homepage With Semantic UI2 lessons, 28:32
2 lessons, 28:32
3.1Home Page Grid, Icon, Image & Pop-Up13:41
3.1
Home Page Grid, Icon, Image & Pop-Up
13:41
3.2Finishing Up the Home Page14:51
3.2
Finishing Up the Home Page
14:51
4.Creating an About Page With Semantic UI2 lessons, 29:43
2 lessons, 29:43
4.1Image & Full Page Dimmer14:38
4.1
Image & Full Page Dimmer
14:38
4.2Table & Comment Section15:05
4.2
Table & Comment Section
15:05
5.Creating a Portfolio With Semantic UI3 lessons, 40:37
3 lessons, 40:37
5.1Portfolio Items, Label & Rating14:45
5.1
Portfolio Items, Label & Rating
14:45
5.2Step & Accordion13:43
5.2
Step & Accordion
13:43
5.3Step & Accordion Communication12:09
5.3
Step & Accordion Communication
12:09
6.Creating a Contact Page With Semantic UI9 lessons, 2:10:55
9 lessons, 2:10:55
6.1Contact Page Segment & Input14:12
6.1
Contact Page Segment & Input
14:12
6.2Form Fields & Message Block14:33
6.2
Form Fields & Message Block
14:33
6.3Setting Up The Form14:58
6.3
Setting Up The Form
14:58
6.4Checkbox & Drop-Down14:58
6.4
Checkbox & Drop-Down
14:58
6.5Form Validation (Part One)14:39
6.5
Form Validation (Part One)
14:39
6.6Form Validation (Part Two): Segment Loader14:47
6.6
Form Validation (Part Two): Segment Loader
14:47
6.7Form Validation (Part Three)13:43
6.7
Form Validation (Part Three)
13:43
6.8Shape Module14:46
6.8
Shape Module
14:46
6.9Finishing the Form & Adding a Modal Dialog14:19
6.9
Finishing the Form & Adding a Modal Dialog
14:19
7.Finishing Touches & Conclusion2 lessons, 18:37
2 lessons, 18:37
7.1Modal & Progress Bar14:39
7.1
Modal & Progress Bar
14:39
7.2Conclusion03:58
7.2
Conclusion
03:58
Continue watching with Elements
Continue watching with Elements