Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

egghead.io

Style an Application from Start to Finish

via egghead.io

Overview

Looking at snippets of CSS is a great way to learn how to use it, but some details can fall through the cracks. This course demonstrates the process of styling an application from start to finish.
We will take a basic un-styled todo-list application written in React and use CSS to get the application to look like how we want. The first steps will be to apply static styles to the app based on a mock up, then we will incrementally add user interactivity as well as make the app responsive.

Syllabus

  • Prep HTML for Styling with Flat Class Names
  • Keep Styles Portable and Maintainable with Basic Classes
  • Reduce Ambiguity in Class Names using a Naming Convention
  • Style a Form with Plain CSS
  • Understand Semantic Markup in relation to CSS
  • Use CSS to Inform Users of Interactivity
  • Draw Simple Icons with CSS
  • Use Media Queries to Make an Existing Application Responsive
  • Inform the User of Interactions with CSS Transitions

Taught by

Garth Braithwaite

Reviews

4.3 rating at egghead.io based on 172 ratings

Start your review of Style an Application from Start to Finish

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.