What is Digg?Sponsored by newegg
Tips to be first in line without camping out in the cold! view!
newegg.com - The Pre-Black Friday Sale. No Lines, No Crowds; Click and Save in the comfort of your own home.
71 Comments
- Floris, on 10/10/2007, -14/+75Site's already down. I cry a little like an emo kid.
- ZiggityZhang, on 10/10/2007, -1/+56Digg that other one down..this one's got all the links
15 Excellent Examples of Web Typography
Part I: Showcase
I have spent the last month searching, stumbling, noting, bookmarking and analysing in a quest to find 15 Excellent examples of Web Typography. I’ve chosen them because they make excellent use of type. Some of the examples mimic the typography of print, while others actually leverage web technology, smart CSS and delicious HTML to make their pages not only aesthetically pleasing, but legible, user-friendly and easily navigable.
In a few days, I will be taking an in-depth look at all these sites, delving into their grids, sifting through their CSS and dissecting their HTML, to discover what makes them tick — and what makes them excellent examples of typography for the Web.
Prepare yourself a drink, sip, sit back, scroll, click and — above all else — enjoy.
01: A List Apart — for people who make websites
http://www.alistapart.com/
02: Shaun Inman — professional designer and developer
http://www.shauninman.com/
03: FontShop — as its name suggests
http://www.fontshop.com/fonts/
04: Jesús Rodríguez Velasco — blog of UC Berkeley professor
http://www.jrvelasco.com/
05: BearSkinRug Shop — professional illustrator, Kevin Cornell
http://www.bearskinrug.co.uk/_store/
06: Design View — Andy Rutledge, design strategist
http://www.andyrutledge.com/
07: Rikcat Industries — Rik Catlow, design director
http://www.rikcatindustries.com/
08: Quipsologies — news and creative morsels
http://www.underconsideration.com/quipsologies/
09: Design Snips — web design showcase
http://designsnips.com/
10: Red Interactive Agency — web marketing and development
http://www.ff0000.com/
11: The Big Noob — developed by and for…noobs
http://thebignoob.com/
12: Design Can Change — climate change
http://www.designcanchange.org/
13: Process Type Foundry — they make type
http://www.processtypefoundry.com/
14: Finch— interactive and graphic design agency
http://www.getfinch.com/
15: SR28 — Simon Reynolds, web designer and illustrator
http://sr28.com/ - ZiggityZhang, on 10/10/2007, -34/+7515 Excellent Examples of Web Typography
Part I: Showcase
I have spent the last month searching, stumbling, noting, bookmarking and analysing in a quest to find 15 Excellent examples of Web Typography. I’ve chosen them because they make excellent use of type. Some of the examples mimic the typography of print, while others actually leverage web technology, smart CSS and delicious HTML to make their pages not only aesthetically pleasing, but legible, user-friendly and easily navigable.
In a few days, I will be taking an in-depth look at all these sites, delving into their grids, sifting through their CSS and dissecting their HTML, to discover what makes them tick — and what makes them excellent examples of typography for the Web.
Prepare yourself a drink, sip, sit back, scroll, click and — above all else — enjoy.
01: A List Apart — for people who make websites
http://www.alistapart.com/
02: Shaun Inman — professional designer and developer
http://www.shauninman.com/
03: FontShop — as its name suggests
http://www.fontshop.com/fonts/
04: Jesús Rodríguez Velasco — blog of UC Berkeley professor
http://www.jrvelasco.com/
05: BearSkinRug Shop — professional illustrator, Kevin Cornell
http://www.bearskinrug.co.uk/_store/
06: Design View — Andy Rutledge, design strategist
http://www.andyrutledge.com/
07: Rikcat Industries — Rik Catlow, design director
http://www.rikcatindustries.com/
08: Quipsologies — news and creative morsels
http://www.underconsideration.com/quipsologies/
09: Design Snips — web design showcase
http://designsnips.com/
10: Red Interactive Agency — web marketing and development
sd-red-interactive-agency.jpg
11: The Big Noob — developed by and for…noobs
sd-the-big-noob.jpg
12: Design Can Change — climate change
sd-climate.jpg
13: Process Type Foundry — they make type
sd-process-type-foundry.jpg
14: Finch— interactive and graphic design agency
sd-finch.jpg
15: SR28 — Simon Reynolds, web designer and illustrator - inactive, on 10/10/2007, -8/+47No need for mirror. you look like a monkey.
- rulesaremyenemy, on 10/10/2007, -2/+23crying is fine, just don't get a poorly designed band tattoo
- krets, on 10/10/2007, -7/+24Excellently crashed.
- DesignerScott, on 10/10/2007, -1/+18Hrmmmm. Excellent contrast, white on white.
- lauridsd, on 10/10/2007, -1/+13As a web developer, I understand the value of having a basic knowledge of typography, and how to use fonts most effectively. That said, I have to admit that I haven't found a serious typography site, typographer, or other font-geek that didn't take the whole "art of typography" just a little *too* seriously. The whole thing ends up coming off as very effete and pretentious, like overzealous wine snobbery. Being adamant about the superiority of "Helvetica" over "Arial," or ranting ad nauseum about how terrible "Comic Sans" is, is pretty silly and a waste of time. Fonts and their use on a web site, or printed material can be arguably attractive, appropriate and effective, or inappropriate, ineffective and counterproductive. But beyond very basic common sense typography, the passionate rhetoric about the various arcane and esoteric typographical minutia is lost of the vast majority of "users" of fonts; the audiences who see them. It's a strange little cult of people obsessed with such things. Type designers and their clients spend enormous amounts of time convincing themselves that a business' very success depends on the design of their original "official" corporate font, and the strict adherence and use of it throughout the company. Sheesh. Again, I am not knocking those who use typography wisely, but I do think there is a limit to the relevance and value of the obsession with typography.
- Akaji, on 10/10/2007, -1/+12Or Chinese tatoo that you think says "Dragon" but really says "Dishwasher".
- livejamie, on 10/10/2007, -6/+15that's what she said
- javaroast, on 10/10/2007, -1/+8I'm missing what's good about this page http://www.fontshop.com/fonts/ I'll check back after I get my sunglasses and let you know how that works.
- firebhaal, on 10/10/2007, -2/+8typography is not meant to blow your socks off you retard.
"could be hotter" comment -.- - Unclickable, on 10/10/2007, -0/+5This is not related to Web typography, however it's a must see for those who understand the importance of Typography in general. http://yuxt.com/artist/Typography_in_Music_Videos Typography in music videos
- johno692001, on 10/10/2007, -1/+6Apologies to all those attempting to access the site. The traffic from Digg and http://www.zeldman.com/2007/09/20/my-type-of-site/ is too much for the server.
I'm in the process of upgrading the server as I type. Thanks for your patience, and to everyone who Dugg!
johno
iLT - zweben, on 10/10/2007, -1/+6LEAVE ILOVETYPOGRAPHY.COM ALONE!!!!!!
- d1verse, on 10/10/2007, -0/+4Personally I feel most of these sites are good examples of "clutter". More and more sites nowadays are cramming as much content and ad's on one page, which confuses the reader. Think of the pre-Internet generation. They do not like having to read all over a page in multiple tables and columns to find the information they are looking for. 9 times out of 10 these people prefer simple pages with a clean layout.
- inactive, on 10/10/2007, -0/+4I like Digg's typography, how some of the headers edit the letter-spacing so it gives the headers a unique look.
- oneoverzero, on 10/10/2007, -1/+4People rarely intend to get 100hits/min.
- stjahl, on 10/10/2007, -0/+3Shaun Inman site +1
- johno692001, on 10/10/2007, -0/+3I use a Media temple dedicated server (it isn't cheap), but this kind of traffic I've never seen before--on one of my sites. Sorry for the sluggishness. I'm working on further upgrading the server and adding caching. Apologies to everyone for the inconvenience (but it has nothing to do with trying to save money).
- CommandZed, on 10/10/2007, -0/+3As one of the designers of FontShop.com, it is nice to see it on this list. However if we are talking about Web Typography, I don't think this page belongs here, as these are simple specimens made in vector form.
- vonskippy, on 10/10/2007, -1/+3Or people could stop using money grubbing web hosts that over sell their services a zillion fold. Or people could learn how to code their server side setups so that they don't fold under the first 50 hits. Or people could spend more then $8/month and get a REAL host. So many possibilities - all equally unlikely to happen.
- johno692001, on 10/10/2007, -1/+3As the writer of that article, I say you are welcome to have your opinion. Typography as a subject may not appeal to everyone, but everyone has something about which they are passionate.
I don't believe it's "shallow" to talk passionately about anything; neither do I believe it to be pretentious.
Anyway, thanks for your opinion. Any opinion -- positive/negative -- is better than none. - Wraithius, on 10/10/2007, -0/+2Comic Sans is terrible. Soooo terrible.
- CommandZed, on 10/10/2007, -1/+3Can anyone say http://www.typophile.com ?
- Renton, on 10/10/2007, -0/+2Page 10-15:
http://www.ff0000.com/
http://thebignoob.com/
http://www.designcanchange.org/
http://www.processtypefoundry.com/
http://www.getfinch.com/
http://sr28.com/ - livejamie, on 10/10/2007, -0/+2the red interactive agency's site is absolutely amazing
- reddevil3, on 10/10/2007, -0/+2A list apart is just too good....yum.
- Kazrog, on 10/10/2007, -0/+2Too bad there is still no way to embed fonts on the web. That restricts web typography to M$ fonts and ... images ...
I hate how primitive the web still is... - somody, on 10/10/2007, -0/+2mirror at:
http://somody.shootdog.com/typography - blackflagtent, on 10/10/2007, -1/+2wtf http://www.jrvelasco.com/
three widows on the font page?
that's not good typography - OutThisLife, on 10/10/2007, -1/+2"One of the designers," as in there's more than one? What for?
- Akaji, on 10/10/2007, -1/+2Your personal preference is to go blind from looking at a site?
- tippmann1, on 10/10/2007, -0/+1I see what you did there
- uberfu, on 10/10/2007, -1/+2if you like that check out:
http://www.2advanced.com/ - johno692001, on 10/10/2007, -0/+1Yes, that's a great article; a classic.
- seeminglee, on 10/10/2007, -0/+1Awesome collection of typography seen on the Web today. Information needs to be designed, re-affirming Information Architects Japan's famous blog post: Web Design is 95% Typography. If you haven't read that yet, I would highly recommend it!
http://www.informationarchitects.jp/the-web-is-all ...
Cheers,
See-ming - johno692001, on 10/10/2007, -0/+1Thanks for posting the links!
- seeminglee, on 10/10/2007, -0/+1Awesome examples of well-used typography on the Web. Re-affirming that information ought to be designed, and brands can be experienced through great use of type alone. I would also highly recommend Information Architect's blog post: Web Design is 95% Typography if you have not checked it out yet:
http://www.informationarchitects.jp/the-web-is-all ...
Cheers,
See-ming - picsectionpleez, on 10/10/2007, -1/+2exactly +1 for you
- mahdaeng, on 10/10/2007, -3/+3That Velasco site's not bad. The others are nice, but not extraordinary.
- GraphicArtist22, on 10/24/2007, -0/+0www.pauliesportfolio.com i found this website designer, the prices seem cheap and the art is looks authentic and original. check out the two sites they have on the choose your site link. i have seen both of those sites before. i like the contact page, a little humorous! www.pauliesportfolio.com
- rebz, on 10/10/2007, -3/+3what a great idea, you're the first one to suggest that!
/sarcasm
its got something to do with legal issues afaik, as there's no reason why they wouldn't have done that by now.. - fightstrife, on 10/10/2007, -1/+1Yeah, as a whole this is not anything spectacular. Just attend any graphic design program at a college typography is cool but it is really being propped up for more than its worth. But hey working in one of the most overpopulated field currently in the art/marketing scene ever, some people just need something to cling on as they watch the flood of just as good graphic designers come in and out of the field.
- picsectionpleez, on 10/10/2007, -2/+2yawn......
- picsectionpleez, on 10/10/2007, -2/+2thnak you. someone finally said it right.
- DiggRyan24, on 10/10/2007, -3/+2I love lists! thanks!
- AnthonyA7, on 10/10/2007, -2/+1Blow it out your ass.
- cyberwiz01, on 10/10/2007, -5/+4Okay.
- uberfu, on 10/10/2007, -2/+1Personal Preference I suppose_
-
Show 51 - 71 of 71 discussions
© Digg Inc. 2009
— Content created and posted by Digg users is