{"id":74,"date":"2026-03-12T08:00:21","date_gmt":"2026-03-12T15:00:21","guid":{"rendered":"https:\/\/teaching.romanjaster.net\/artcenterspring2026\/?p=74"},"modified":"2026-03-12T12:08:54","modified_gmt":"2026-03-12T19:08:54","slug":"class-8","status":"publish","type":"post","link":"https:\/\/teaching.romanjaster.net\/artcenterspring2026\/class-8\/","title":{"rendered":"Class 8"},"content":{"rendered":"

In Class<\/h2>\n

We will look at your Figma designs for Interview Project.<\/p>\n

You will start coding.<\/p>\n

In-Class Demo<\/h2>\n

I will give a demo on Dark Mode<\/strong>, Accessibility<\/strong>, and Typographic Scale<\/strong>.<\/p>\n

Reading<\/h2>\n

Full-Bleed Layout Using CSS Grid<\/a> by Josh Comeau
\nAn interesting way of coding a layout that includes full-bleed images.
\n<\/em><\/p>\n

Next Week’s Class Canceled<\/h2>\n

I will not be here next class (I’m leading an ArtCenter Design Storm).<\/p>\n

Take a rest and make progress on project 4!<\/p>\n

If you run into problems, commit to github pages and send a link and error description to the #general<\/code> slack channel.<\/p>\n

Project 4<\/h2>\n

Due in two weeks (March 26):<\/h4>\n

Code the HTML and CSS for one of your interviews.<\/p>\n

    \n
  • Utilize proper HTML markup (with a proper document outline) and responsive, mobile-first CSS<\/li>\n
  • Implement the dark mode<\/li>\n
  • Design and code your landing page<\/li>\n<\/ul>\n

    Delivery<\/h4>\n

    Commit your in-progress work to github pages: project4.ixp2.yourdomain.com<\/code><\/p>\n","protected":false},"excerpt":{"rendered":"

    In Class We will look at your Figma designs for Interview Project. You will start coding. In-Class Demo I will give a demo on Dark Mode, Accessibility, and Typographic Scale. Reading Full-Bleed Layout Using CSS Grid by Josh Comeau An interesting way of coding a layout that includes full-bleed images. Next Week’s Class Canceled I […]<\/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-74","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"acf":[],"_links":{"self":[{"href":"https:\/\/teaching.romanjaster.net\/artcenterspring2026\/wp-json\/wp\/v2\/posts\/74","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/teaching.romanjaster.net\/artcenterspring2026\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/teaching.romanjaster.net\/artcenterspring2026\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/teaching.romanjaster.net\/artcenterspring2026\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/teaching.romanjaster.net\/artcenterspring2026\/wp-json\/wp\/v2\/comments?post=74"}],"version-history":[{"count":2,"href":"https:\/\/teaching.romanjaster.net\/artcenterspring2026\/wp-json\/wp\/v2\/posts\/74\/revisions"}],"predecessor-version":[{"id":76,"href":"https:\/\/teaching.romanjaster.net\/artcenterspring2026\/wp-json\/wp\/v2\/posts\/74\/revisions\/76"}],"wp:attachment":[{"href":"https:\/\/teaching.romanjaster.net\/artcenterspring2026\/wp-json\/wp\/v2\/media?parent=74"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/teaching.romanjaster.net\/artcenterspring2026\/wp-json\/wp\/v2\/categories?post=74"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/teaching.romanjaster.net\/artcenterspring2026\/wp-json\/wp\/v2\/tags?post=74"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}