ah teaches web design and development: 12 Debugging Day

ah teaches web design and development: 12 Debugging Day — A slide deck

Debugging Day

Lecture outline

This week we will be stepping through debugging your portfolio websites as needed to optimize them for the final project.

Lecture slides will be made available on the day of the lecture.

Quiz Rules

  1. You will have only thirty minutes to complete the quiz. Keep an eye on the time due, as late submissions receive a zero.
  2. This quiz is open book, but not open laptop meaning you can use your notes as much as you want, but no mobile or laptop devices are permitted.
  3. Any words that are not your own must be cited — for example (Author, 2000). Any plagiarism will result in a grade of zero.
  4. Any talking, texting, messaging, paging, or secret-tiny bluetooth resulting in communications with friends or classmates will result in a grade of zero. No exceptions.
  5. Please answer any questions in full sentences.

Quiz time

You have 30 minutes.

Debugging Day

Gauntlet legends!


Are you:

  • Using modern tags? (header, section, nav)
  • Using tags appropriately? (i.e. h1 > h2 > h3)
  • Defining your content (<label>s for <input>)
  • Explaining rich media (alt="pic" vs alt="Dogs partying...")

Grade A Design

"In addition to achieving a 'B', the website demonstrates effective use of 'atomic design' principles and visual interaction cues to help the user transfer their experiences between devices more effectively and engage them with an overall positive experience of the portfolio."

B: Website presents consistent aesthetic with clear interface and interaction elements that effectively adapt and/or respond to user devices and browsers.

Device Testing

Let's see what things look like in...

Grade A Ethos

"Presents a thoughtful & engaging visual language that is organized & consistent across the document; elements present an exceptional design ethos. Composition & content structure complement the visual argument & provide an exceptionally readable portfolio."

B: A clear and unique personality is applied throughout the site (i.e. use of colour, imagery, language, content) to help convey your personality to employers.

Browser Testing

Let's see what things look like with...

Grade A Code

"Code uses preprocessing, compression and request reduction to increase page-loading efficiency and render valid HTML5, CSS3 and JS (if applicable) with absolutely no errors. Code ensures accessibility of content through use of the principles of progressive enhancement."

No Labs Next Week

Please make sure to be at lecture, on-time with a laptop that you can present your portfolio website on. We will just hold a final critique at that time and that will be all.

Bonus Office Hours

I am offering some final bonus office hours for those who would like some additional project assistance. Please note that these office hours are by email appointment only:

  • Monday, November 26th; 8:30-9:30am
  • Tuesday, November 27th; 11-12pm

Contacting Andrew

Your Lecturer

Reachable at:

  • Office hours — Wednesdays from 11:00-11:50am and Fridays from 8:30-9:20am at the Surrey campus mezzanine.
  • ac.ufs@h_werdna