21–30 of 44 posts
I didn't get very far in this because the body type is set too small to read on a smartphone screen.
Are there any web sites that have beautiful typography?
What does typography have to do with the web? There seems to be nothing here of value that is based on evidence about the readability of text. Especially in today's era where the medium is not fixed, it makes zero sense to treat the web as a PDF.
Jeffrey Zeldman said (in 2015):
“Mobile is today’s first screen. So design responsively, focusing on content and structure first. Websites and apps alike should remove distractions and let people interact as directly as possible with content. 90 percent of design is typography. And the other 90 percent is whitespace.”
(Zeldman knows his shit. He was one of the most influential designers and standards-setters for the early web, e.g., founder of the Web Standards Project, which was instrumental in helping us escape the minefield of browser-specific customizations in the late 90s).
Most of the principles of good typography apply anywhere that type can be used, from books to billboards to websites to mobile games. Typography as a discipline is thousands of years old, and based in the fundamentals of human perception. We know how humans read. Typography is the practically application of that knowledge.
There was a brief period where coolness and aesthetic appeal on the web trumped good typography principles (e.g., again, the Arctic Adventure site). Most of that has settled down, though, and most sites have reverted to simple and common standards.
I teach user interface design, with a bit about typography but I'm not a typographer myself. But I feel like a lot of the advice there is taken from graphic design (based on the original EoTS book), and not that practical for web designers where text is slightly more fluid. Namely, much of the book is about making choices that depend on the exact placement of individual characters on the screen. Like the entire secti…
It kinda looks broken on a big screen and it took me a while to figure out what to do next. Call to actions were not clear.
Keep things simple, the web is fluid and make sure your text is legible and ensure good contrast. Also think about load performance and ideally stick to fonts that are generally already installed on devices by default.
Or follow this handy guide:
https://betterwebtype.com/articles/2021/06/07/all-you-need-i...
https://betterwebtype.com/ (free web typography course)
Are there any web sites that have beautiful typography?
I teach user interface design, with a bit about typography but I'm not a typographer myself. But I feel like a lot of the advice there is taken from graphic design (based on the original EoTS book), and not that practical for web designers where text is slightly more fluid. Namely, much of the book is about making choices that depend on the exact placement of individual characters on the screen. Like the entire secti…
Can you recomend some good books or online courses teaching UI and graphical design?
"HTML and CSS 2 do not have any provision for automatic hyphenation and current Web browsers support, even for manual hyphenation, is poor. So don’t justify text on the web." I've been waiting for this to be fixed since 1997. I suspect it is a very difficult problem to get right. My Kindle accidentally hyphenates things like "Walde-r" and "Lannister-s" (yes, I'm reading GoT again).
There is the `hyphens` CSS property [1]. Apparently, all big browsers implement it at least for english. It's a pity though, that this is not possible for other languages (at least for Chrome). It should be as simple as provide a basic dictionary with hyphenation data... [1] https://developer.mozilla.org/en-US/docs/Web/CSS/hyphens