Class 5: What I Learned This Week…
- Advised to avoid using id and class in CSS if possible.
- To keep code simpler and cleaner, you don’t need to use a class for each link to design the buttons.
This week I struggled with my designing of links in CSS as I had one section for the navigation, and a separate section for my module links on a specific page. I didn’t want these to be edited in the same way as my ‘buttons’ as I just wanted them to be simple, recognisable links. I finally found a fix in which I had to declare in my CSS that if a link has a div parent, and that has a ul child, which has a li child, then that particular link (anchor tag) will be designed in this way (nav>ul>li>a). My module hyperlinks were left as a { } and so that rule didn’t apply to them.
On Web Typography
- No more than 2 typefaces should be used
- Good typography reinforces the meaning of the text and what you’re trying to express
- You must remember that what you’re making is for the benefit of the reader, not writer, therefore you need to ensure it is as accessible as you can make it
- For quotes you should change the weight and colour etc.
- Serif font was inherited from print as it is used to guide the eye along line of text such as on a newspaper when the text size is small. This makes it easier to read.
- The Times New Roman/Times font names originated from the Times newspaper.
- Serif is used for headings and sans serif is used for the body to make a contrast and clarity of what they are and what they mean
- The rule to remember for text alignment is that you want a flush left and ragged right.
Hyphen, En Dash & Em Dash
The hyphen is used for compound terms such as ‘check-in’. Whereas the en dash is used to represent a range or connection such as dates and places, 2022-2023. And finally the em dash can replace commas, paranthesis or colons to mark off additional information that isn’t essential to understand the sentence — this is the longest of the three.
Useful References
- The Visual Dictionary of Typography – Gavin Ambrose & Paul Harris
- On Web Typography – Jason Santa Maria