Wednesday, January 03, 2007

The Elements of Typographic Style Applied to the Web


Based on the book The Elements of Typographic Style by Robert Bringhurst and Grid Systems in Graphic Design by Josef Muller-Brockmann and also some of the major web sites on typography comes The Elements of Typographic Style Applied to the Web.
A great resource for those who work with type on the digital medium, all this made possible by Richard Rutter.

11 comments:

Unknown said...

The book by Josef Muller Brockmann is excellent, heh...they put it back in print to top it all off...after I paid double for it. Oh well, it was worth it. Anyway, the other book by Bringhurst is great too. The thing is...it's tough to relate the information in these two "classics" to the web. I have seen this site before and thought some good ideas and "translations" were there...but because computers render things differently it's hard to predict. Also, studies have shown vast differences in how we read text from the screen. Not only is distance different, but so is posture, etc. The site should also look into some studies done on reading text from the screen. There have been quite a few and optimal line length and character size has been researched out under controlled tests. I do like this site and how it analyzes CSS styles...but I feel the site falls just a tad short and isn't as updated as I hoped it would be...it eludes to being worked on but I've seen no great change in the site in some time.

Pride Paranoia said...

I've came across this site just before I post it. I do think it would need a good upgrade because has you said, type for the web is a little bit different. None the less a good typography resource.

Anonymous said...

i agree with tom, text is read very differently on screen. maybe there needs to be a whole new set of typographic rules for the web..

Anonymous said...

maternityacupressure -
maternity acupressure -
meet your sweet -
moles warts removal -
money siphon system -
muscle gaining secrets -
my airfare secrets -
my miracle loans -
my out of control teen -
natural cancer treatments -
ovarian cyst cures -
pc optimizer pro -
piano for all -
prevent sweating -
privacy control -
publicrecordspro -
public records pro -
pvp bible -
quick article pro -
quit smoking today -
reg defense -
reg genie -
registry easy -
registry genius -
registry smart -
registry winner -
registry winner download -
reg tool -
relationship headquarters -
reverse mobile -
richard mackenzie direct -
rocket japanese -
rotator cuff training -
satellite tv pc master -

Anonymous said...

conversational hypnosis -
cpa arbitrage -
creative date ideas -
debt free in three -
digital background -
dirty talking guide -
discus fish secrets -
duplicate file cleaner -
dw insider -
earth4energy -
earth 4 energy -
easy tv soft -
easy web video -
eatstopeat -
eat stop eat -
end your tinnitus -
error doctor -
evidence smart -
fap winner -
fat burning furnace -
fat loss 4 idiots -
final sync -
final uninstaller -
firewall gold -
fitness model program -
fit over 40 -
fit yummy yummy -
flatten your abs -
forex auto pilot -
gain opinion -
gold secrets -
government records -
governmentregistry -
government registry -

Anonymous said...

green diy energy -
healthy urban kitchen -
highest pay surveys -
holo think -
homemadeenergy -
home made energy -
i want a teaching job -
joyful tomato -
keyword elite -
learn photoshop videos -
lmt forex formula -
lower body make over -
macro virus -
malware bot -
maternityacupressure -
maternity acupressure -
meet your sweet -
microcap millionaires -
moles warts removal -
money siphon system -
muscle gaining secrets -
my list strategy -
my phone riches -
natural cancer treatments -
online tv pc -
panic away -
pdf creator -
peel away ads -
pips leader -
ppc web spy -
prevent sweating -
privacy control -
publicrecordspro -
public records pro -

Anonymous said...

questions for couples -
quick article pro -
quick paid surveys -
quit smoking today -
reg defense -
registry winner -
reg tool -
reverse mobile -
richard mackenzie direct -
rocket german -
rotator cuff training -
rss feeds submit -
satellite pc box -
save the marriage -
spy no more -
spyware stop -
super seduction power -
surefire trading challenge -
tattoo me now -
the bad breath report -
thedietsolutionprogram -
the diet solution program -
the dog food conspiracy -
the mini site formula -
tmj help -
tonsil stones remedies -
truth about abs -
twitter trick -
vincedelmontefitness -
vince del monte fitness -
warp speed fat loss -
wedding speech 4u -
win clear -
xbox 360 red light fix -

Anonymous said...

xp repair pro -
500 love making tips -
acid alkaline diet -
advanced defrag -
alpha male system -
amazing cover letters -
anti spyware -
anti spyware bot -
article rewriter -
art of approaching -
auto cash system -
burnthefat -
burn the fat -
bv cures -
calling men -
camera dollars -
carb rotation diet -
cash making power sites -
cb mall -
combat the fat -
conversationalhypnosis -
conversational hypnosis -
credit secrets bible -
destroy hemorrhoids -
dirty talking guide -
dotcom income secrets -
duplicate file cleaner -
dvd copy pro -
earth4energy -
earth 4 energy -
easy launcher -
easy system cleaner -
eatstopeat -
eat stop eat -

Anonymous said...

eczema free forever -
end your tinnitus -
error nuker -
fatburningfurnace -
fat burning furnace -
fat loss 4 idiots -
final sync -
firewall gold -
fitness model program -
fit over 40 -
fit yummy yummy -
flattenyourabs -
flatten your abs -
forex candlesticks made easy -
forex killer -
forex megadroid -
get rid of your cellulite -
g money pro -
google shadow -
governmentregistry -
government registry -
gov resources -
health biz in a box -
homemadeenergy -
home made energy -
hybrid water power -
i software tv -
joyful tomato -
keyword spy pro -
kingdom of pets -
macro virus -
malware bot -
maternityacupressure -
maternity acupressure -

Anonymous said...

10 minute forex wealth builder -
30 minute back links -
500 love making tips -
acid alkaline diet -
advanced defrag -
affiliate jackpot -
anti spyware -
art of approaching -
battery reconditioning -
blogging to the bank -
burnthefat -
burn the fat -
carb rotation diet -
carp evolution -
cb bonus domination -
combat the fat -
content website builder -
conversationalhypnosis -
conversational hypnosis -
cure angular cheilitis -
cure morning sickness -
dirty talking guide -
driver robot -
earth4energy -
earth 4 energy -
easy launcher -
easy system cleaner -
eatstopeat -
eat stop eat -
error smart -
evidence eraser -
evidence smart -
fatburningfurnace -
fat loss 4 idiots -

jenifer90 said...

Thank you for sharing valuable information. Nice post. I enjoyed reading this post...

Fentybeauty for PC

Related to this article: