{"id":58,"date":"2026-10-13T08:30:50","date_gmt":"2026-10-13T15:30:50","guid":{"rendered":"https:\/\/teaching.romanjaster.net\/calartsfall2026\/?p=58"},"modified":"2026-10-13T09:13:07","modified_gmt":"2026-10-13T16:13:07","slug":"class-6","status":"publish","type":"post","link":"https:\/\/teaching.romanjaster.net\/calartsfall2026\/class-6\/","title":{"rendered":"Class 6"},"content":{"rendered":"<h2>In Class<\/h2>\n<p>I will give a demo on <strong>Accessibility <\/strong>and <strong>Typographic Scale<\/strong>.<br \/>\n(<a href=\"https:\/\/www.dropbox.com\/scl\/fo\/hzapythtl7j2r8nxm6167\/AJBBZTHuJzoROAt4-9ZVlTE?rlkey=g6ndwbaxuh3ey4i6s4y9n8884&amp;dl=0\">download example starting files<\/a>)<\/p>\n<p>We will also look at your Figma designs for the Interview Project and there is time to work in class.<\/p>\n<h2>Reading<\/h2>\n<p><a href=\"https:\/\/medium.com\/sketch-app-sources\/exploring-responsive-type-scales-cf1da541be54\">Typographic Scale<\/a> by Joseph Mueller<br \/>\n<em>A rational approach to type sizes.<\/em><\/p>\n<p><a href=\"https:\/\/typescale.com\/\">typescale.com<\/a><br \/>\n<em>Tool to create and test type scales.<\/em><\/p>\n<p><a href=\"https:\/\/joshwcomeau.com\/css\/full-bleed\/\">Full-Bleed Layout Using CSS Grid<\/a> by Josh Comeau<br \/>\n<em>An interesting way of coding a layout that includes full-bleed images.<br \/>\n<\/em><\/p>\n<h2>Project 3 (Interview)<\/h2>\n<h4>Due Next Class (Oct 20):<\/h4>\n<p>Code the HTML and CSS for one of your interviews.<\/p>\n<ul>\n<li>Don&#8217;t yet worry about the dark mode or implementing the javascript plugin for now<\/li>\n<li>Concentrate on proper HTML markup (with a proper document outline) and rock-solid, responsive, mobile-first CSS<\/li>\n<\/ul>\n<h4>Delivery<\/h4>\n<p>Bring your code to next week&#8217;s class.<\/p>\n<h2>Show &amp; Tell for Next Class<\/h2>\n<p><strong>Amber<\/strong>: Post your <em>discovery of the week <\/em>in the #show-and-tell Slack channel.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In Class I will give a demo on Accessibility and Typographic Scale. (download example starting files) We will also look at your Figma designs for the Interview Project and there is time to work in class. Reading Typographic Scale by Joseph Mueller A rational approach to type sizes. typescale.com Tool to create and test type [&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-58","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"acf":[],"_links":{"self":[{"href":"https:\/\/teaching.romanjaster.net\/calartsfall2026\/wp-json\/wp\/v2\/posts\/58","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=58"}],"version-history":[{"count":2,"href":"https:\/\/teaching.romanjaster.net\/calartsfall2026\/wp-json\/wp\/v2\/posts\/58\/revisions"}],"predecessor-version":[{"id":60,"href":"https:\/\/teaching.romanjaster.net\/calartsfall2026\/wp-json\/wp\/v2\/posts\/58\/revisions\/60"}],"wp:attachment":[{"href":"https:\/\/teaching.romanjaster.net\/calartsfall2026\/wp-json\/wp\/v2\/media?parent=58"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/teaching.romanjaster.net\/calartsfall2026\/wp-json\/wp\/v2\/categories?post=58"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/teaching.romanjaster.net\/calartsfall2026\/wp-json\/wp\/v2\/tags?post=58"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}