{"id":54,"date":"2026-10-06T08:00:11","date_gmt":"2026-10-06T15:00:11","guid":{"rendered":"https:\/\/teaching.romanjaster.net\/calartsfall2026\/?p=54"},"modified":"2026-10-05T19:21:00","modified_gmt":"2026-10-06T02:21:00","slug":"class-5","status":"publish","type":"post","link":"https:\/\/teaching.romanjaster.net\/calartsfall2026\/class-5\/","title":{"rendered":"Class 5"},"content":{"rendered":"<h2>In Class<\/h2>\n<p>We will critique Project 2.<\/p>\n<p>I will introduce Project 3.<\/p>\n<p>We will figure out how to map a subdomain to GitHub.<\/p>\n<h2>Project 3<\/h2>\n<p><strong>Project Brief: <a href=\"https:\/\/teaching.romanjaster.net\/calartsfall2026\/project-3\/\">Interview Web Publication<\/a><\/strong><\/p>\n<h3>Due Next Class (Oct 13)<\/h3>\n<p>\ud83d\udc0c<strong>Very important<\/strong>: If scheduling your interview takes longer than expected, don\u2019t delay your design work. Build your layout using placeholder text and images.<\/p>\n<ol>\n<li>Conduct your interview. Do this as soon as possible!<\/li>\n<li>Mock up the design for the entire interview page in Figma.\n<ul>\n<li>Create a mobile version (375px wide) and a desktop version (1024px wide). Make the height as tall as it needs to be.<\/li>\n<li>Make sure the typefaces you choose can be used on the web (i.e., use Google Fonts or Adobe Fonts or something freely available).<\/li>\n<li>Make sure all text\/background color combinations meet WCAG AA contrast requirements. Use the <a href=\"https:\/\/www.figma.com\/community\/plugin\/733159460536249875\/A11y---Color-Contrast-Checker\">A11y &#8211; Color Contrast Checker<\/a> plugin for Figma (or Figma\u2019s built-in contrast checker).<\/li>\n<li>Don&#8217;t worry about designing the dark mode color palette yet. But add a color-mode toggle button in your layout.<\/li>\n<\/ul>\n<\/li>\n<li>Find one example of inspirational <em>long-form<\/em> typography to share with your classmates in the <a href=\"https:\/\/calartscodingfall2026.slack.com\/archives\/C0BTYDYSHU7\">#show-and-tell<\/a> channel.<\/li>\n<\/ol>\n<h4>Delivery<\/h4>\n<p>Post your Figma file&#8217;s &#8220;Share Prototype&#8221; link in the <a href=\"https:\/\/calartscodingfall2026.slack.com\/archives\/C0BUHEHQPA8\">#general<\/a> channel.<\/p>\n<h2>Readings<\/h2>\n<p><strong><a href=\"https:\/\/www.audioeye.com\/post\/what-is-color-contrast\">Why Does Color Contrast Matter For Website Accessibility?<\/a><\/strong><br \/>\n<em>You will need to know about color accessibility for your design of Project 3.<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>In Class We will critique Project 2. I will introduce Project 3. We will figure out how to map a subdomain to GitHub. Project 3 Project Brief: Interview Web Publication Due Next Class (Oct 13) \ud83d\udc0cVery important: If scheduling your interview takes longer than expected, don\u2019t delay your design work. Build your layout using placeholder [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-54","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"acf":[],"_links":{"self":[{"href":"https:\/\/teaching.romanjaster.net\/calartsfall2026\/wp-json\/wp\/v2\/posts\/54","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/teaching.romanjaster.net\/calartsfall2026\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/teaching.romanjaster.net\/calartsfall2026\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/teaching.romanjaster.net\/calartsfall2026\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/teaching.romanjaster.net\/calartsfall2026\/wp-json\/wp\/v2\/comments?post=54"}],"version-history":[{"count":1,"href":"https:\/\/teaching.romanjaster.net\/calartsfall2026\/wp-json\/wp\/v2\/posts\/54\/revisions"}],"predecessor-version":[{"id":55,"href":"https:\/\/teaching.romanjaster.net\/calartsfall2026\/wp-json\/wp\/v2\/posts\/54\/revisions\/55"}],"wp:attachment":[{"href":"https:\/\/teaching.romanjaster.net\/calartsfall2026\/wp-json\/wp\/v2\/media?parent=54"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/teaching.romanjaster.net\/calartsfall2026\/wp-json\/wp\/v2\/categories?post=54"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/teaching.romanjaster.net\/calartsfall2026\/wp-json\/wp\/v2\/tags?post=54"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}