ahandrewh teaches IAT-235information design

Getting started with P3

To help you get started with P3, I have put together a little demo video of thinking through translating a mobile Figma mockup into HTML/CSS.

P3 starter demo

Additional resources

There was some mention of additional resources/demos in the video above that are linked below:

• Proper heading sequencing
• Splitting a heading onto two lines
• More explanation of grids

Code tutorial recordings and explanations

Recordings of code tutorials have been added to Canvas modules just under the link to lecture slides. There are also complete explanations of the tutorials available for you to read through available linked on Canvas and the course subsite:

• HTML tutorial explanation and recording
• CSS tutorial explanation and recording
• Layout tutorial explanation and recording

Questions or concerns?

Of course should you have any questions or concerns please do not hesitate to email Andrew, email Mehru, or message over the course chat and we will respond as quickly as possible.