Week 2 - CSS & Design

Wednesday Agenda

• Project Intro
• GitHub Setup
• Team Meetings
  • Pick topic, start designing data types

Project Resources

• Sample Repository
  • Check out Issues / Project

Recommended Schedule

Monday

• CSS Intro

Tuesday

• CSS Styling

Thursday

• CSS Layout

CSS Intro

Start by watching these videos on CSS:

CSS Basics Resources

Then skim through these resources for familiarity:

• MDN CSS - First Steps
• MDN CSS - Styling Text
• MDN CSS - Building Blocks
  Building Blocks covers topics for this and the next section. There is a lot here, much is more detail than you will need. Don't panic.

CSS Styling

These videos cover styling different kinds of elements in CSS:

Spend a little time using the dev tools in your browser to poke around at some of your favorite websites to check out the CSS used on them. Try modifying rules in the dev tools to change how the site looks.

CSS Styling Resources

• MDN CSS - Building Blocks
  Continued. OK to skip Handling different text directions and Overflowing content. Again, this has LOTS of detail. Significant parts are going to be beyond what you need.

CSS Layout

CSS Layout Resources

• MDN CSS - Layout
  Skip Flexbox and Grids for now. Yes to Floats and Positioning, don't worry about anything after that. We will get to grid/flex and some of the other topics next week.

Other Resources

These are some handy tools to check out:

• LiveWeave CSS Explorer A GUI for exploring CSS styling of text.

• CSS Font Stack A reference to different "font stacks" that are likely to work on the web.

• Google Fonts