For a book about web design, this surely is poorly designed. I can't resize the text with my built-in browser zoom to make it comfortable to read. Everything seems to be based on the size of the browser window.
the site isn't loading so I can't say for sure, but I'd guess the intention is something like fittext.js. which makes sense in some cases for large type inside of hero units etc, but even then you'll want sensible containers, and for body text, this is a terrible idea. em/rem are fine.
Stupidly unreadable. The rest must be bullshit if they can't get "readable on a desktop" right. It's literally the most important aspect of a web design.
The design and font seem a bit. . large? I'm on a 27" monitor and I could stand back 10ft from this and still read it. Is this a thing now in Web Design? Do we need to make every font 36px and up?
My only other gripe is the jolting red and white hover states. You get this nice light blue that's pretty easy on your eyes then BOOM! super bright red hover.
I have to agree with some others here - on my larger monitor, the text is far too large to be easily read. The large spacing between letters and lines, combined with the excessively large body text is just causing eye fatigue, and I literally can't be bothered to pop an aspirin and keep going.
That said, it looks great on my phone.
Maybe there should be a maximum size on the text, or on the width of the site itself, to keep it in that "readable" zone. I want to read it at my desktop, but literally can't right now.
For example, changing the font-size calculations at widths greater than 50em could use 80vw instead of 100vw. At 60em go to 70vw, and at 75em use 55vw.
So... plenty of comments about font size. What do y'all think about the actual contents of the book? I've looked through it a bit and seems like an interesting concept--understanding why certain decisions were made in the history of the web, and extracting "resilient" design patterns out of those decisions.
I'm reminded of the first Feynman lecture, explaining how physics was discovered through a historical lens. I find it immensely helpful. Hopefully this web book is helpful as well!
31 comments
[ 3.4 ms ] story [ 50.5 ms ] threadYeah but that kinda obliterates the whole point of reading something about good design.
https://resilientwebdesign.s3.amazonaws.com/downloads/Resili...
Here's a screenshot for posterity: https://s29.postimg.org/5tx77lset/unreadable.png
I am not a fan of their design but it's not really unreadable.
eg: You need to scroll down a whole page after just 4-5 sentences.
It seems to boost my reading comprehension as well.
It's a "history book" about web design, in case you're thinking it's anything to do with resilience and thus find it interesting.
http://www.smithsonianmag.com/arts-culture/fact-of-fiction-t...
My only other gripe is the jolting red and white hover states. You get this nice light blue that's pretty easy on your eyes then BOOM! super bright red hover.
I downloaded the PDF and will read later.
If there's a lot of text and the font is relatively small, I usually end up just quickly skimming the content or have to zoom the page a lot.
That said, it looks great on my phone.
Maybe there should be a maximum size on the text, or on the width of the site itself, to keep it in that "readable" zone. I want to read it at my desktop, but literally can't right now.
I'm reminded of the first Feynman lecture, explaining how physics was discovered through a historical lens. I find it immensely helpful. Hopefully this web book is helpful as well!