GRC 175 Announcements for the Week of 3/23/20

[Instructor]

Ladies and Gentlemen,

Welcome to the first in a series of weekly announcements emails that will cover any class announcements as well as what subjects we will be covering in the week ahead.

Assignments

I am formally assigning Project 4 today. Here is the assignment sheet. The preliminary critique due date is Tuesday, April 21st. 

Preliminary Critique

Project 3 preliminary critique is due on Tuesday, March 24th. You will have seven days from this day to leave feedback for your fellow students.

Subjects
Notice the differences between some of these tutorials and my lectures. There are a million ways to do things in web design.

This week we will be covering:

- CSS list menus and dropdowns.

Articles
https://www.w3schools.com/css/css_navbar.asp
https://www.bitdegree.org/learn/css-navigation-bar
https://css-snippets.com/simple-horizontal-navigation/
https://www.w3schools.com/howto/howto_c ... navbar.asp
https://www.bitdegree.org/learn/css-dropdown-menu
https://css-snippets.com/drop-down-navigation/

Video Tutorials
https://www.youtube.com/watch?v=QPO9HJjUktk
https://www.youtube.com/watch?v=rgUp302f_lY
https://www.youtube.com/watch?v=8x1mO1d6-4w
https://www.youtube.com/watch?v=azikg9T ... =emb_title
https://www.youtube.com/watch?v=IjLi8xrj0cQ
https://www.youtube.com/watch?v=960mgtEarfs

- CSS Flexbox for relative object positioning.

Articles
https://www.w3schools.com/css/css3_flexbox.asp
https://css-tricks.com/snippets/css/a-guide-to-flexbox/
https://developer.mozilla.org/en-US/doc ... ut/Flexbox
https://www.internetingishard.com/html-and-css/flexbox/

Video Tutorials
https://www.youtube.com/watch?v=JJSoEo8JSnc
https://www.youtube.com/watch?v=FTlczfR82mQ
https://www.youtube.com/watch?v=fYq5PXgSsbE
https://www.youtube.com/watch?v=k32voqQhODc
https://www.youtube.com/watch?v=fqNPSSoMO9Y

- CSS Positioning for relative and fixed object positioning.

Articles
https://www.freecodecamp.org/news/how-t ... 49c403a26/
https://www.w3schools.com/css/css_positioning.asp
https://css-tricks.com/almanac/properties/p/position/
https://alistapart.com/article/css-positioning-101/
https://learn.shayhowe.com/advanced-htm ... sitioning/

Video Tutorials
https://www.youtube.com/watch?v=jx5jmI0UlXU
https://www.youtube.com/watch?v=wmAP2xvNs08
https://www.youtube.com/watch?v=-vo0HzNHL3U
https://www.youtube.com/watch?v=P6UgYq3J3Qs
https://www.youtube.com/watch?v=qblxToPBY7Y

- CSS Float for relative object positioning and text wrap around images and other objects.

Articles
https://www.lifewire.com/wrapping-text- ... ge-3466530
https://www.homeandlearn.co.uk/WD/wds4p6.html
https://alistapart.com/article/css-floats-101/
https://www.w3schools.com/css/css_float.asp
https://css-tricks.com/all-about-floats/
https://www.smashingmagazine.com/2009/1 ... -property/

Video Tutorials
https://www.youtube.com/watch?v=DGxeE3hns_U
https://www.youtube.com/watch?v=Gws3C4Phs2k
https://www.youtube.com/watch?v=3JAGrY-3BB0
https://www.youtube.com/watch?v=VwxGKpvW8Zk
https://www.youtube.com/watch?v=nE9lIRbIfI0

- CSS Negative Margin for poking things out of boxes and other horseplay.

Articles
https://www.smashingmagazine.com/2009/0 ... e-margins/
https://gomakethings.com/how-to-break-a ... -with-css/
https://css-tricks.com/full-width-conta ... h-parents/

Video Tutorials
https://www.youtube.com/watch?v=3D4bWFOEkUo

If I wind up going over anything else in my lectures, I will update this message with the new info. Class files will also be available for download from the website, as well.

As always, if you have any questions, comments, or concerns, please feel free to ask me. I'm available via email, Canvas, and the class forum.