Module: UI Design (Frameworks)

Semantic UI is a CSS framework for building cross-browser, responsive user interfaces.

Dates: Fri, Feb 18 - Fri, Feb 25

Learning Outcomes

Design using a UI framework

Create high quality technical essays

Readings

Guided tour of the UI Design (Frameworks) module

Why, what, how, and when you will learn about UI Design and framework support.

UI Frameworks

Introduction to user interface frameworks.

Semantic UI Docs

Official Semantic UI Documentation

Browser Color Pickers

How to use browser-based plugins to determine page colors.

7 rules for creating gorgeous UI (Part 1)

A non-artsy primer in digital aesthetics.

7 rules for creating gorgeous UI (Part 2)

A guide to visual aesthetics, written by a nerd

Clean up your mess: A guide to visual design for everyone

If you’re like most people, you feel like a baby when it comes to visual design. You sometimes have a vague sense of what you want, but can’t articulate it or make it come about. All you can do is point and cry…

Semantic UI Hello World

Quick start to using Semantic UI with IntelliJ

Color Blocked Home Pages

A common design pattern for home pages

Spaces vs non spaces in CSS rules

What’s the difference between ‘.classA.classB’ and ‘.classA .classB’?

Introduction to GitHub Desktop, Part 2 (Branching and Merging)

Branching and merging with GitHub Desktop

Experiential Learning

E34: BrowserHistory with Semantic UI

Make life wonderful with Semantic UI

E35: Island Snow with Semantic UI

Rebuild the Island Snow home page with Semantic UI

E36: Your Choice with Semantic UI

Rebuild a site of your choosing with Semantic UI

E37: Reflect on UI Frameworks

Write a technical essay summarizing your experience doing the UI Frameworks practice WODs.

Experience the Semantic UI course at PluralSight

Get acquainted with Semantic UI using the PluralSight online tutorial.