Do you know how to manage files and folders on a Mac? You will struggle in this class if you don’t have an excellent command of those skills. If you have the slightest doubt about your abilities, start working through sections two and three of the Lynda Computer Literacy for Mac course. (Sign in through the AU Library.)
Download and install Firefox on your development machine. You must use Firefox as your primary browser for development.
Firefox offers the best CSS layout developer tools. (If you aren’t running Firefox, I won’t help you with technical problems.) Good practice involves checking sites in several browsers, but we’ll stick with Firefox, since this is an intro class.
A piece of advice about screen sizes: don’t present sites in full-screen mode, and don’t code with your browser in full-screen mode. Most desktop/laptop users aren’t browsing in full-screen mode, and sites need to be able to adapt to varying screen sizes. Working in full-screen mode guarantees nasty surprises later. Stop doing it, now.
It’s technically feasible for your CSS to live in a number of places:
In a separate .css file
Inside a <style> element, as part of the current HTML file
Inline, as part of a CSS attribute
(<p style="margin-top: 1.5em;">)
Tutorials scattered around the web might suggest all of these approaches. For our class, you should almost always put your CSS in a separate .css file, linked to from every page in your site. This tactic encourages you to think about designing systems and reusing code, it is more maintainable and easier to troubleshoot, and it makes CSS specificity easier to understand.
For Story, show three design concepts as style tiles, produced in Figma. (Use fonts from the class font list.) You can start with a copy of the style tiles template. Email a shareable link before class.
Complete background research into your topic and review comparable sites
Start listening to Manoush Zomorodi, The Privacy Paradox (complete the activities, if you’d like)