ah teaches information design (Beyond Information Design lecture)
Beyond Information Design
Lecture outline
A lecture to help you think about moving forward beyond information design and into other areas of design and development. Lecture slides will be made available on the day of the lecture (March 25).
Embark visit
Embark will be visiting during our next lecture time.
This means we will run our big group critique in-lecture in two weeks. Please come on time with:
- The responsive website
- A laptop to present your project from (one per group)
- A pen
Super-bonus office hours
You can get extra support hours over the week that we are missing (due to the holiday Monday):
- Wednesday, April 3 from 10-11am, 2-3pm
- Thursday, April 4 from 2-3pm
- Friday, April 5 from 1-2pm
You must email or DM to book a time.
Time permitting
At the end of this lecture I will be open for answering coding or project questions as you need.
Lingering questions
Keyboard and focus
Oops, this code did not quite load. Please view it at https://codepen.io/andrewhaw/pen/168d4cba00f1bf4a79c586e6459aac06
Careful with % widths for text elements
Oops, this code did not quite load. Please view it at https://codepen.io/andrewhaw/pen/09f48778a4773d8d34a43fc290f1958a
How to show/hide things
Oops, this code did not quite load. Please view it at https://codepen.io/andrewhaw/pen/75b216e48f7560e45defc2f7e888c035
The transform property
Oops, this code did not quite load. Please view it at https://codepen.io/andrewhaw/pen/eed882e379a70a3f69b6248e42661ffa
Animation basics
Oops, this code did not quite load. Please view it at https://codepen.io/andrewhaw/pen/ca08a15bcfba25afa913086fd27e96b9
Other coding questions?
I will give you 60 seconds to chat with your neighbour and check for if there are any additional questions you may have.
'Beyond the course' questions
What is different between this class and IAT-334 or IAT-339?
What does interaction design look like beyond web dev?
What software do you use to build your slides?
Additional questions?
I will give you 60 seconds to chat with your neighbour and check for if there are any additional questions you may have.
Code tutorial
Please prep for the CSS positioning code tutorial by downloading the starter files from ah1.ca/235d