{"id":135,"date":"2024-10-21T15:15:20","date_gmt":"2024-10-21T15:15:20","guid":{"rendered":"https:\/\/nadiajervier.co.uk\/journal\/?p=135"},"modified":"2024-10-30T00:39:16","modified_gmt":"2024-10-30T00:39:16","slug":"what-i-learned-this-week-003","status":"publish","type":"post","link":"https:\/\/nadiajervier.co.uk\/journal\/2024\/10\/21\/what-i-learned-this-week-003\/","title":{"rendered":"What I learned this week&#8230; #003"},"content":{"rendered":"\n<ul class=\"wp-block-list\">\n<li>only use class and id selectors if we have to. Reduce the amount of markup<\/li>\n\n\n\n<li>use semantic elements unless not available<\/li>\n\n\n\n<li>stacked margins collapse &amp; take the smaller of the two<\/li>\n\n\n\n<li>cascade &amp; inheritance<\/li>\n\n\n\n<li>using comments<\/li>\n<\/ul>\n\n\n\n<p>typography<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>benefit the user<\/li>\n\n\n\n<li>clarity<\/li>\n\n\n\n<li>personality<\/li>\n<\/ul>\n\n\n\n<p>key typographic properties<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>font-family: Preffered font, &#8220;Windows font&#8221;, Mac, Keyword <\/li>\n\n\n\n<li>eg. font-family: Georgia, &#8220;Times New Roman, Times, Serif;<\/li>\n\n\n\n<li>font-size<\/li>\n\n\n\n<li>line-height<\/li>\n\n\n\n<li>text-align<\/li>\n\n\n\n<li>font-weight<\/li>\n\n\n\n<li>font-style<\/li>\n<\/ul>\n\n\n\n<p>more properties:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>text-decoration<\/li>\n\n\n\n<li>text-transform<\/li>\n\n\n\n<li>text-indent<\/li>\n\n\n\n<li>letter-spacing &#8211; use with caution<\/li>\n\n\n\n<li>word-spacing &#8211; use with caution<\/li>\n\n\n\n<li>font-variant &#8211; font specific (not all fonts have variants)<\/li>\n<\/ul>\n\n\n\n<p>variable fonts<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>font similrity with pairings<\/p>\n\n\n\n<p>body in css &#8211; always set<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>background colour<\/li>\n\n\n\n<li>font family<\/li>\n\n\n\n<li>fomt size<\/li>\n\n\n\n<li>line height<\/li>\n\n\n\n<li>colour<\/li>\n<\/ul>\n\n\n\n<p>link states &amp; styling &#8211; must include:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>a:link<\/li>\n\n\n\n<li>a:visited<\/li>\n\n\n\n<li>a:hover<\/li>\n\n\n\n<li>a:active<\/li>\n\n\n\n<li>a:focus &#8211; this is for use with a tab key to select <\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<p>Refers to the link as a box, not just the text <\/p>\n\n\n\n<p>a:link, a:visited {<\/p>\n\n\n\n<p>display: inline-block;<\/p>\n\n\n\n<p>padding: 1px; \/*gives a little extra room to use the link button *\/<\/p>\n\n\n\n<p>color: #64e0e3;<\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>typography key typographic properties more properties: variable fonts font similrity with pairings body in css &#8211; always set link states &amp; styling &#8211; must include: Refers to the link as a box, not just the text a:link, a:visited { display: inline-block; padding: 1px; \/*gives a little extra room to use the link button *\/ color: [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-135","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/nadiajervier.co.uk\/journal\/wp-json\/wp\/v2\/posts\/135","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nadiajervier.co.uk\/journal\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nadiajervier.co.uk\/journal\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nadiajervier.co.uk\/journal\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nadiajervier.co.uk\/journal\/wp-json\/wp\/v2\/comments?post=135"}],"version-history":[{"count":3,"href":"https:\/\/nadiajervier.co.uk\/journal\/wp-json\/wp\/v2\/posts\/135\/revisions"}],"predecessor-version":[{"id":177,"href":"https:\/\/nadiajervier.co.uk\/journal\/wp-json\/wp\/v2\/posts\/135\/revisions\/177"}],"wp:attachment":[{"href":"https:\/\/nadiajervier.co.uk\/journal\/wp-json\/wp\/v2\/media?parent=135"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nadiajervier.co.uk\/journal\/wp-json\/wp\/v2\/categories?post=135"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nadiajervier.co.uk\/journal\/wp-json\/wp\/v2\/tags?post=135"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}