GRC 175 Announcements for the Week of 3/30/20
Posted: Sun Mar 29, 2020 10:10 pm
Welcome to the class announcements for the week of March 30th 2020. We'll be covering any class announcements as well as summarizing what we will be covering this week in class.
Class Recordings
Here are the recordings of my lectures during the previous week.
3/24/20 Lecture
https://recordings.rna1.blindsidenetwor ... 3/capture/
3/26/20 Lecture
https://recordings.rna1.blindsidenetwor ... 1/capture/
Preliminary Critique
Don't forget you still have a couple of days left to give your feedback on your fellow students' Project 3s. You have until 11:59pm on March 31st to leave your feedback.
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:
- Adding custom fonts into your document using an @font-face CSS media query. Yes! We are starting in on media queries this week.
References
https://fonts.google.com/
https://fonts.adobe.com/
https://www.fontsquirrel.com/tools/webfont-generator
Articles
https://www.pagecloud.com/blog/how-to-a ... ny-website
https://www.balbooa.com/knowledgebase/3 ... h-fontface
https://css-tricks.com/snippets/css/using-font-face/
https://www.w3schools.com/cssref/css3_p ... e_rule.asp
https://www.w3schools.com/css/css3_fonts.asp
Video Tutorials
https://www.youtube.com/watch?v=YmxDDSasjX8
https://www.youtube.com/watch?v=Hwq_Mr12bcI
https://www.youtube.com/watch?v=QhhYZJFOZnY
https://www.youtube.com/watch?v=DPG3WMgBgo0
https://www.youtube.com/watch?v=0Jw-py6kqTk
- Responsive design using CSS media queries. Now it's time to make your sites work on phones and tablets.
References
https://mediaqueri.es/
Articles
https://www.freecodecamp.org/news/learn ... 5-minutes/
https://www.w3schools.com/css/css_rwd_mediaqueries.asp
https://developer.mozilla.org/en-US/doc ... ive_Design
https://developers.google.com/web/funda ... responsive
https://learn.shayhowe.com/advanced-htm ... eb-design/
https://www.smashingmagazine.com/2011/0 ... eb-design/
Video Tutorials
https://www.youtube.com/watch?v=srvUrASNj0s
https://www.youtube.com/watch?v=BIz02qY5BRA
https://www.youtube.com/watch?v=fgOO9YUFlGI
https://www.youtube.com/watch?v=ZYV6dYtz4HA
https://www.youtube.com/watch?v=W3F3ypKUt18
https://www.youtube.com/watch?v=eOG90Q8EfRo
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.
Class Recordings
Here are the recordings of my lectures during the previous week.
3/24/20 Lecture
https://recordings.rna1.blindsidenetwor ... 3/capture/
3/26/20 Lecture
https://recordings.rna1.blindsidenetwor ... 1/capture/
Preliminary Critique
Don't forget you still have a couple of days left to give your feedback on your fellow students' Project 3s. You have until 11:59pm on March 31st to leave your feedback.
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:
- Adding custom fonts into your document using an @font-face CSS media query. Yes! We are starting in on media queries this week.
References
https://fonts.google.com/
https://fonts.adobe.com/
https://www.fontsquirrel.com/tools/webfont-generator
Articles
https://www.pagecloud.com/blog/how-to-a ... ny-website
https://www.balbooa.com/knowledgebase/3 ... h-fontface
https://css-tricks.com/snippets/css/using-font-face/
https://www.w3schools.com/cssref/css3_p ... e_rule.asp
https://www.w3schools.com/css/css3_fonts.asp
Video Tutorials
https://www.youtube.com/watch?v=YmxDDSasjX8
https://www.youtube.com/watch?v=Hwq_Mr12bcI
https://www.youtube.com/watch?v=QhhYZJFOZnY
https://www.youtube.com/watch?v=DPG3WMgBgo0
https://www.youtube.com/watch?v=0Jw-py6kqTk
- Responsive design using CSS media queries. Now it's time to make your sites work on phones and tablets.
References
https://mediaqueri.es/
Articles
https://www.freecodecamp.org/news/learn ... 5-minutes/
https://www.w3schools.com/css/css_rwd_mediaqueries.asp
https://developer.mozilla.org/en-US/doc ... ive_Design
https://developers.google.com/web/funda ... responsive
https://learn.shayhowe.com/advanced-htm ... eb-design/
https://www.smashingmagazine.com/2011/0 ... eb-design/
Video Tutorials
https://www.youtube.com/watch?v=srvUrASNj0s
https://www.youtube.com/watch?v=BIz02qY5BRA
https://www.youtube.com/watch?v=fgOO9YUFlGI
https://www.youtube.com/watch?v=ZYV6dYtz4HA
https://www.youtube.com/watch?v=W3F3ypKUt18
https://www.youtube.com/watch?v=eOG90Q8EfRo
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.