LukeBMM
Joined 8 years ago
Joined 8 years ago
Of all the opinions someone could hold strongly, that's certainly one of them.
My favorite guide is by Tania Rascia [1]. It walks through each of the "rules" and applies them to a simple example. My second favorite is by Anthony Hobday [2] and each "rule" gets its own, simple example to demonstrate.
Google's involvement in the internet ecosystem exactly aligns with their profit motive: Putting relevant ads in front of individuals based upon data they've gleaned from relatively "un-sexy" sources like search, analytics, libraries, font hosting, email, chat, etc.
I'm not opposed to companies making a profit. I try, however, to keep in mind conflicts of interest when choosing my sources of information. Everything anyone at Google says about the web is suspect because that is a conflict of interest. Google, as an organization, exists to turn web traffic into profit and should always be considered accordingly.
https://en.wikipedia.org/wiki/The_Design_of_Everyday_Things
Edit: Oh, yeah. How about Tufte ('83 for Visual Display of Quantitative Information) and Albers (Interaction of Color in '63). I should think first, then post.
You can put those properties which should vary in ems and then all you have to do is change the large and small font sizes from the default. Margin, however, remains in rems because it needs to be consistent. Everything will scale proportionately and your large and small button classes are clear, expressive, and concise.
Gitlab Pages requires a little more effort to get up and going, but it's more flexible.
{ Edit: tried both old and www with the same results. }
The other is Tania Rascia's (which shows each rule being applied to the same example, instead of each rule being demonstrated in a vacuum). I think the two different ways of illustrating the impact of each "rule" can be helpful for a pretty wide range of folks who often think in different modes.
https://www.taniarascia.com/design-for-developers/