Help! I've Fallen! And I Can't Get Up!
You can jump to:
You can also watch the P4 Questions being talked through by Andrew.
How do we do group work remotely?
I am not a specialist in remote work — so please take these recommendations with that in mind:
- Meet as you would using your preferred video/audio chat tools.
- Share materials using Canvas or other preferred file storage/sharing tools.
- Make sure to share materials in advance of meeting so that when you meet you can focus on discussing where things are at.
If there are specific requests or suggestions that you are looking for tools to make use of, please email Andrew.
Will there be adjustments made to the rubric and expectations for P4 considering everything has gone remote?
Yes. We have removed the 'process' grading from the rubric, and will take into consideration the remote-work situation as part of grading the project.
What will weekly deliverables look like?
For the code, we are going to move to using lecture times for code support, as well arranged office hours. Please contact Andrew directly to arrange a meeting where you can sit down and review it together.
For the 'information design', we will have you meeting with your TA at pre-arranged timeslots during your usual Thursday lab times. You will receive a weekly email reminding you of the time slots and rooms. Please bring your materials ready to discuss and share via webcam or screen sharing.
Does the final information design have to be a physical product or can it be an interactive digital material such as a game?
The final information design must include something we can interact with in our everyday space. If the game involves something that I would encounter on the Skytrain, at a public event, etc - then a game is permitted. If it is a 'I must download it or find it before I play it' then no.
Should the website look like P2?
Maybe. Because you have developed aesthetics and may redevelop structure beyond P2's consideration, the final website should far exceed P2's design quality in that regard.
What fidelity does our final information design have to be?
Depending on what you are developing, we expect different things:
- Posters: A 'production quality' PDF.
- Physical object: A three dimensional prototype rendered digitally, or a video of you stepping us through what you built (in foam/cardboard).
- Motion graphics: A 'production quality' storyboard (i.e. we see clearly what the content of each keyframe is and some of the motion/action between them).
- Event: A clear plan and drawing of the layout/organization of the event. (Do not hold the actual event)
If you are doing something else, check-in with us to clarify the fidelity.
You can also watch the HTML Questions being talked through by Andrew.
How do we get a more detailed definition of elements?
For that I highly recommend HTML5 Doctor and the Mozilla Developer Network.
Different Elements, Different Meaning
<section> element is a thematic grouping of content. Typically containing a heading and related content such as images and text.
<div> element has no special meaning at all. It only gains meaning based on it's children and any classes applied to it.
The Ideal <table>
More on tables at the Mozilla Developer Network.
More on forms at the Mozilla Developer Network.
ID vs. Class
What is the difference?
- Can only appear once per page
- Each element can only have one
- Should describe the context
A class (.class):
- Can appear multiple times per page
- Each element can have multiple
- Should describe its purpose
Any lingering HTML questions?
You can also watch:
The Box Model
More on the box model at the Mozilla Developer Network.
More on specificity at the Mozilla Developer Network.
More on media queries at the Mozilla Developer Network.
Advanced Media Queries
We can have other media queries that look at the height and other properties of our device.
More on positioning at the Mozilla Developer Network.
Positioning in Grids
More on positioning items in grids at the Mozilla Developer Network.
What are some ways to avoid hamburger menus at mobile sizes?
Good question. My thoughts... (listen for commentary).