{"id":35,"date":"2026-09-15T07:00:41","date_gmt":"2026-09-15T07:00:41","guid":{"rendered":"https:\/\/teaching.romanjaster.net\/calartsfall2026\/?p=35"},"modified":"2026-09-15T01:29:44","modified_gmt":"2026-09-15T01:29:44","slug":"class-2","status":"publish","type":"post","link":"https:\/\/teaching.romanjaster.net\/calartsfall2026\/class-2\/","title":{"rendered":"Class 2"},"content":{"rendered":"

In Class<\/h2>\n

We will check in and look at project 1.<\/p>\n

I will give a few lectures.<\/p>\n

I will also talk to you individually about purchasing your domain and git.<\/p>\n

Lectures<\/h2>\n

HTML vs CSS vs JavaScript (A Metaphorical Adventure)<\/a><\/p>\n

Project 1 Demo<\/strong><\/p>\n

    \n
  1. Overview of the Process<\/a> (40 min) (slides<\/a>)<\/li>\n
  2. HTML<\/a> (33 min)<\/li>\n
  3. CSS Reset and Fonts<\/a> (11 min)<\/li>\n
  4. Adding Classes<\/a> (8 min)<\/li>\n
  5. Mobile CSS<\/a> (59 min)<\/li>\n<\/ol>\n

    Reading<\/h2>\n

    Responsive Web Design<\/strong><\/a> by Ethan Marcotte (May 2010)<\/p>\n

    This piece represents important web history: it’s the blog post where the term ‘responsive design’ was coined. Read it for some historical context, but do not <\/em>take any of the code examples at face-value. Most of them are outdated. In fact, you can stop reading before the section ‘Adapt, respond, and overcome<\/em>.’<\/p>\n

    Specifics on CSS Specificity<\/strong><\/a> by Chris Coyier<\/p>\n

    I mention CSS specificity the ‘Overview of the Process’ lecture. It gets pretty esoteric, but if you want to get really good at CSS, read this article. It might save you hours of debugging in the future.<\/p>\n

    Due Next Week (Sep 22)<\/h2>\n

    Project 1<\/h3>\n