information design

Getting ready for git

In our next class we will be introducing git, answering lingering CSS questions, providing an additional demo for making P3 responsive and doing P3 support time.

Git kit

For the git tutorial, please come prepared having:

• GitHub Desktop installed for use in the class.
• Logging into SFU GitHub at least once before class.

P3 intro recording

As was covered in this past week's class, the P3 intro recording is now available below. It covers how to start thinking about building your HTML page for P3 with a bit of explanation about thinking through selecting elements and basic styling.

Code tutorial links

Some of you have mentioned having trouble locating the links to code tutorials and associated resources. To help I have collected all materials we have covered thus far below along with where the links typically reside.

Code tutorial completed explanations (text only)

These are listed on Canvas under the week's module with a heading of Code Tutorial.

• HTML — complete tutorial explanation
• CSS Basics — complete tutorial explanation
• Layout tutorial — complete tutorial explanation

Code tutorial recordings

These are listed on Canvas at the top of each week's module just under the link to the lecture slides.

• HTML — complete tutorial explanation
• CSS Basics — complete tutorial explanation
• Layout tutorial — complete tutorial explanation

Additional HTML and CSS explanations

These re-appear a couple different times in the Canvas package as 'questions answered.'

• HTML additional explanations
• CSS additional explanations

Questions or concerns?

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