ah teaches information design (Beyond Information Design lecture)

Beyond Information Design

Lecture slides will be made available on the day of the lecture (November 26).

In preparation for lecture...

Please close up any laptops, cellphones, NES's, Action Maxes and other 'beep-boop' devices.

MEGALAB continues

Please meet in SRYC 3130 this week and next. Embark will be joining us for final critiques in next week's labs.

Next lecture

Tech support! I will be here to (hopefully) solve all your coding woes. Attendance optional.

Survey

Oops, this content didn't quite load. Check it out at <a href="https://andrewh.ca/teaches/information_design/exercises/10/" target="_blank">https://andrewh.ca/teaches/information_design/exercises/10/</a>

Office hours

Bonus office hours:

Thursday, November 28 from 2-3:30pm (in-person or remote).
Friday, November 29 from 1-2:30pm (remote).
Monday, December 2 from 1-2:30pm (in-person or remote).

Changes to existing office hours:

All future Wednesday (10-11am) in-person office hours are cancelled.

Please make sure to email or DM in advance if looking to attend office hours.

This week

@media recap (will do this after)
grids vs flexbox
More on grids
Horizontal scrolling or separate scrolling sections
CSS Animation

Grids

Oops, this content didn't quite load. Check it out at <a href="https://codepen.io/andrewhaw/embed/0a6e831b1a0b88ffaa18d70c201b4188?theme-id=37873&default-tab=html,css,result&editable=true" target="_blank">https://codepen.io/andrewhaw/embed/0a6e831b1a0b88ffaa18d70c201b4188?theme-id=37873&default-tab=html,css,result&editable=true</a>

Scrolling Panels

Oops, this content didn't quite load. Check it out at <a href="https://codepen.io/andrewhaw/embed/d06a00a3eb461130e57b57c0731e1ee4?theme-id=37873&default-tab=html,css,result&editable=true" target="_blank">https://codepen.io/andrewhaw/embed/d06a00a3eb461130e57b57c0731e1ee4?theme-id=37873&default-tab=html,css,result&editable=true</a>

CSS Animation

Oops, this content didn't quite load. Check it out at <a href="https://codepen.io/andrewhaw/embed/ca08a15bcfba25afa913086fd27e96b9?theme-id=37873&default-tab=html,css,result&editable=true" target="_blank">https://codepen.io/andrewhaw/embed/ca08a15bcfba25afa913086fd27e96b9?theme-id=37873&default-tab=html,css,result&editable=true</a>

Keyboard and focus

Oops, this code did not quite load. Please view it at https://codepen.io/andrewhaw/pen/168d4cba00f1bf4a79c586e6459aac06

Screen readers

Let's "listen" to some content in the screen reader demo.

Why JS can be inaccessible

Oops, this content didn't quite load. Check it out at <a href="https://andrewh.ca/teaches/information_design/lectures/10/demos/basic_javascript.html" target="_blank">https://andrewh.ca/teaches/information_design/lectures/10/demos/basic_javascript.html</a>

What do I need to know to continue in web dev?

JavaScript.

With HTML & CSS you can build websites — don't let anyone tell you otherwise — but with JavaScript you unlock a lot more options on how to manipulate and alter the page you have built.

What are possible careers that I could strive for that focus on course concepts?

Information architect — How do I structure the information?
Content strategist — How do I create effective content?
Interface designer — How does the interface look and behave?
Interaction designer — How does the user interact with the interface?

What are other courses you teach?

I recommend heading to to my 'teaches' page that will highlight what I am covering soon. Most recently I have taught:

Best ice cream flavour is?

Mint chip.

Where do you get your glasses?

I made them.