{"id":163,"date":"2012-09-07T17:00:08","date_gmt":"2012-09-07T17:00:08","guid":{"rendered":"http:\/\/a.parsons.edu\/~dejongo\/12-fall\/?p=163"},"modified":"2023-01-29T21:30:56","modified_gmt":"2023-01-29T21:30:56","slug":"06-homework","status":"publish","type":"post","link":"https:\/\/b.parsons.edu\/~dejongo\/06-homework\/","title":{"rendered":"06 homework"},"content":{"rendered":"<ol>\n<li>\n<div class=\"vContainingBlock\">\n<h3>Don\u2019t Fear Web Typography<\/h3>\n<p>\u00a0\u00a0<\/p>\n<div class=\"videoWrapper\">\n\u00a0 \u00a0\u00a0<iframe src=\"..\/12-fall\/stuff\/06-Don't_Fear_Web_Typography.mp4\"  frameborder=\"0\" webkitAllowFullScreen mozallowfullscreen allowFullScreen><\/iframe>\n<\/div>\n<\/div>\n<\/li>\n<li>click to start the video.\n<\/li>\n<li>Watch the the Don&#8217;t be Afraid video on <a href=\"http:\/\/www.dontfeartheinternet.com\/07-web-typography\/\">Web Typography<\/a> by Jessica Hische and Russ Maschmeyer. It is only 11 minutes long. The first half explains font-family, font-weight, font-size, text-transform, letter-spacing, line-height and text-align.  The second half goes through the creation of a menu in 11 steps with a link to the <a href=\"http:\/\/www.dontfeartheinternet.com\/example\/5\/\">the starting file <\/a> along with the steps mentioned in the video so you can follow along: step <a href=\"http:\/\/www.dontfeartheinternet.com\/example\/5\/style-step1.css\">1<\/a>, <a href=\"http:\/\/www.dontfeartheinternet.com\/example\/5\/style-step2.css\">2<\/a>, <a href=\"http:\/\/www.dontfeartheinternet.com\/example\/5\/style-step3.css\">3<\/a>, <a href=\"http:\/\/www.dontfeartheinternet.com\/example\/5\/style-step4.css\">4<\/a>, <a href=\"http:\/\/www.dontfeartheinternet.com\/example\/5\/style-step5.css\">5<\/a>, <a href=\"http:\/\/www.dontfeartheinternet.com\/example\/5\/style-step6.css\">6<\/a>, <a href=\"http:\/\/www.dontfeartheinternet.com\/example\/5\/style-step7.css\">7<\/a>, <a href=\"http:\/\/www.dontfeartheinternet.com\/example\/5\/style-step8.css\">8<\/a>, <a href=\"http:\/\/www.dontfeartheinternet.com\/example\/5\/style-step9.css\">9<\/a>, <a href=\"http:\/\/www.dontfeartheinternet.com\/example\/5\/style-step10.css\">10<\/a> and the final step <a href=\"http:\/\/www.dontfeartheinternet.com\/example\/5\/style-step11.css\">11<\/a>. <a href=\"http:\/\/www.dontfeartheinternet.com\/example\/5\/step11.html\">Take a look at the finished file<\/a>. You&#8217;ll learn a lot and it is what I want your typography to look like, so please take the time to watch the video!\n<\/li>\n<li>Know the rules in <a href=\"http:\/\/b.parsons.edu\/~dejongo\/12-fall\/stuff\/The_Vignelli_Canon.pdf\" target=\"_blank\" rel=\"noopener noreferrer\">design<\/a> and <a href=\"06-typographic-resource\/\">typography<\/a>. Know when to break them. Be inspired to push or break the rules for typography in web design.  David Carson on the end of print with William S. Burroughs reading from his own texts.\n<div class=\"vContainingBlock\">\n<h3>David Carson: The End of PRINT<\/h3>\n<p>\u00a0\u00a0<\/p>\n<div class=\"videoWrapper\">\n\u00a0<iframe src=\"https:\/\/www.youtube.com\/embed\/mu__SYNHKSQ\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/div>\n<\/div>\n<\/li>\n<li>David Carson speaking about his own work.\n<div class=\"vContainingBlock\">\n<h3>David Carson: Ted Talk<\/h3>\n<p>\u00a0\u00a0<\/p>\n<div class=\"videoWrapper\">\n<iframe loading=\"lazy\" src=\"https:\/\/embed-ssl.ted.com\/talks\/david_carson_on_design.html\" width=\"854\" height=\"480\" frameborder=\"0\" scrolling=\"no\" webkitAllowFullScreen mozallowfullscreen allowFullScreen><\/iframe><\/div>\n<\/div>\n<\/li>\n<li>Create a poster utilizing your work using Illustrator or Photoshop, and then scale it down to a pamphlet size and code it for the web.\n<\/li>\n<li>Include a profound statement, a saying you are attracted to, or a poem on which to exercise your newfound web typography skills.\n<ul>\n<li> Untiled poem by ee cummings (for inspiration \u2014you do your own thing):\n<p style=\"padding: 20px 0 20px 100px;\"> &nbsp;<br \/>l(a<br \/>&nbsp;<br \/>le<br \/>af<br \/>fa<br \/>ll<br \/>&nbsp;<br \/>s)<br \/>one<br \/>l<br \/>&nbsp;<br \/>iness\n<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<li>The Type Poster is due in Two Weeks. The new typographic possibilities have to be reflected in your portfolio. No traditional fonts. The midterm is due  next week for in-class presentation and critique.\n<\/li>\n<\/ol>\n<h2> Climate Emergency Teach-In Assignment<\/h2>\n<p><img decoding=\"async\" style=\"float: right; width: 45%; margin: 5%;\" src=\"..\/12-fall\/stuff\/06-DisruptClimateInjustice.png\"\/><\/p>\n<li>In 2018 The New School spent the week on DISRUPT CLIMATE INJUSTICE. Create a five page website highlighting one or another aspect of climate change and build a convincing website. State your case, back it up with facts and tell the world what you are going to do about it. I do not expect you to write so much as express your opinion with the facts and pictures that you gather. This semester they have the <a href=\"https:\/\/www.tishmancenter.org\/blog\/re-post-climate-emergency-teach-in\"> Climate Emergency Teach-In<\/a> on March 2, a Monday, from 11:00 to 3:00. I will be there. Attend and do your website on the climate emergency.\n<\/li>\n<li>The Website is due in Two Weeks along with the portfolio website. The new Grid Layout and typographic possibilities have to be reflected in your portfolio and the  Climate Emergency Teach-In website.\n<\/li>\n","protected":false},"excerpt":{"rendered":"<p>Don\u2019t Fear Web Typography \u00a0\u00a0 \u00a0 \u00a0\u00a0 click to start the video. Watch the the Don&#8217;t be Afraid video on Web Typography by Jessica Hische and Russ Maschmeyer. It is only 11 minutes long. The first half explains font-family, font-weight, &hellip; <a href=\"https:\/\/b.parsons.edu\/~dejongo\/06-homework\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[10,5],"tags":[],"_links":{"self":[{"href":"https:\/\/b.parsons.edu\/~dejongo\/wp-json\/wp\/v2\/posts\/163"}],"collection":[{"href":"https:\/\/b.parsons.edu\/~dejongo\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/b.parsons.edu\/~dejongo\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/b.parsons.edu\/~dejongo\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/b.parsons.edu\/~dejongo\/wp-json\/wp\/v2\/comments?post=163"}],"version-history":[{"count":39,"href":"https:\/\/b.parsons.edu\/~dejongo\/wp-json\/wp\/v2\/posts\/163\/revisions"}],"predecessor-version":[{"id":5791,"href":"https:\/\/b.parsons.edu\/~dejongo\/wp-json\/wp\/v2\/posts\/163\/revisions\/5791"}],"wp:attachment":[{"href":"https:\/\/b.parsons.edu\/~dejongo\/wp-json\/wp\/v2\/media?parent=163"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/b.parsons.edu\/~dejongo\/wp-json\/wp\/v2\/categories?post=163"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/b.parsons.edu\/~dejongo\/wp-json\/wp\/v2\/tags?post=163"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}