Monday July 6

Today we looked at adding a few more layers to our CSS and HTML development skills:

Outline

• Media Queries
  • @media
• Icons and fonts
  • PNG vs. SVG
  • Font Awesome
  • Google Fonts
• Third-Party Libraries w/ Bower
• Gitignore Files
• Resources
  • bower.io
  • Font Awesome
  • Google Fonts

Lab

Today in lab I showed you a bit of how I would approach building some CSS for a site given some design photos.

The site that I built was opendesk.

You can watch the video here: https://vimeo.com/132768995

Homework

Tomorrow morning I will be reviewing, grading, and pulling up assignments 1.1-1.4 in class. This is your last chance to get these in and ask questions on them. We need to make sure that we have the homework turn in process locked down so that we can continue forward and start looking at our next assignments.

While I expect all homework to be DONE and TURNED IN, your mental priorities should be (in this order):

• 1.4 - Complete assignment and make the grid layout responsive at screen sizes below 480px
• 1.3 - Complete assignment along with dropdown menu and zebra stripes
• 1.2 - Complete assignment and make the grid layout responsive at screen sizes below 480px
• 1.1 - Complete and make any changes noted in my comments