Apple TV. Google, TV, Play Station, Sony : me quedo con VIZIO.

Kudos for the Chart go to StreamingMedia

Arnhem is a no-nonsense high-contrast oldstyle-serif face. It is a contemporary classic for newspaper and book setting, designed by Fred Smeijers and distributed via OurType. Available for print and Web.

Benton Sans is a Tobias Frere-Jones performance of Morris Fuller Benton’s News Gothic genre. Designed for Font Bureau, it is not only a great typeface for small print in newspapers, but one of the best-rendering text faces for the Web as well. Available for print and Web.

Ibis is another Font Bureau typeface, designed by Cyrus Highsmith. This square serif family is also no stranger to cross-media text-setting. Ibis works just as well whether you use it in print or on screen. Available for print and Web.

Ingeborg is modern serif family from the Viennese type and lettering powerhouse, the Typejockeys. Like any proper family should, Ingeborg has optically-sized variants for text and display settings. The display versions of the typeface can get pretty far out, too! Designer Michael Hochleitner named this typeface after his mother. Available for print and Web.

Fred Smeijer&srsquo;s work in contempory type design is so significant that he gets two shout-outs in my list. His Ludwig type family takes a nod from 19th century grotesques, but he does not try to sanitize their quirky forms, as so many type designers had tried to do before him. Available for print and Web.

This is one of the typefaces that I’ve designed. I’m somewhat partial to Malabar. Available for print and Web.

Martin Majoor’s FF Scala Sans has been my top go-to typeface for almost 15 years. It mixes well with the serif FF Scala type, but it’s also really great on its own. Available for print and Web.

Of all the typefaces designed by Hermann Zapf over his long career, URW Grotesk is clearly the best. Unfortunately, it has been a little overlooked. URW Grotesk is a geometric sans, with a humanist twist that brings much more life into the letters than this genre usually allows for. Plus, the family is super big. Available for print and Web.

Are you a DIY-fan? Do you like to print with letter press, whether you set your own type by hand, or have polymer plates made? Then check out the typefaces of Emil Rudolf Weiß! His Weiß-Antiqua is an eternal classic. Weiß may have passed away 70 years ago, but his work is still relevant. He was German, so his last name is sort of pronounced like Vice, as in Miami Vice. Available for print and Web.

(recopilación de Smashing Magazine)

Fuente pingdom.com (abril 2012)

Los 100 blogs más importantes y las plataformas que utilizan:

1 The Huffington Post huffingtonpost.com Movable Type
2 Mashable! mashable.com WordPress – self-hosted
3 BuzzFeed buzzfeed.com Custom
4 The Daily Beast thedailybeast.com N/a
5 The Verge theverge.com Custom
6 TechCrunch techcrunch.com WordPress – hosted
7 Engadget engadget.com Blogsmith
8 Gizmodo gizmodo.com Gawker
9 Think Progress thinkprogress.org WordPress – self-hosted
10 Ars Technica arstechnica.com Custom
11 The Next Web thenextweb.com WordPress – self-hosted
12 Boing Boing boingboing.com WordPress – self-hosted
13 Gawker gawker.com Gawker
14 Hot Air hotair.com WordPress – self-hosted
15 VentureBeat venturebeat.com WordPress – hosted
16 Mediaite mediaite.com WordPress – self-hosted
17 Bits bits.blogs.nytimes.com WordPress – self-hosted
18 Jezebel jezebel.com Gawker
19 GigaOM gigaom.com WordPress – hosted
20 TMZ tmz.com CrowdFusion
21 CNN Political Ticker politicalticker.blogs.cnn.com WordPress – hosted
22 Business Insider businessinsider.com Custom
23 Deadline deadline.com WordPress – self-hosted
24 Kotaku kotaku.com Gawker
25 SlashGear slashgear.com WordPress – self-hosted
26 L.A. Now latimesblogs.latimes.com/lanow TypePad
27 ZeroHedge zerohedge.com Drupal
28 DeadSpin deadspin.com Gawker
29 SB Nation sbnation.com Custom
30 Daily Intel nymag.com/daily/intel N/a
31 Lifehacker lifehacker.com Gawker
32 Laughing Squid laughingsquid.com WordPress – self-hosted
33 9 to 5 Mac 9to5mac.com WordPress – hosted
34 The Caucus thecaucus.blogs.nytimes.com WordPress – self-hosted
35 Daily Kos dailykos.com Scoop
36 ReadWriteWeb readwriteweb.com Movable Type
37 Joystiq joystiq.com Blogsmith
38 Media Decoder mediadecoder.blogs.nytimes.com WordPress – hosted
39 County Fair mediamatters.org/blog Custom
40 The Gothamist gothamist.com Movable Type
41 Big Government biggovernment.com N/a
42 The Foundry blog.heritage.org WordPress – self-hosted
43 This isn’t happiness thisisnthappiness.com Tumblr
44 MacRumors macrumors.com Custom
45 RedState redstate.com WordPress – self-hosted
46 Big Journalism bigjournalism.com N/a
47 ArtsBeat artsbeat.blogs.nytimes.com WordPress – self-hosted
48 Neatorama neatorama.com WordPress – self-hosted
49 Eurogamer eurogamer.net Custom
50 Ubergizmo ubergizmo.com WordPress – self-hosted
52 Autoblog autoblog.com Blogsmith
51 TPMMuckraker tpmmuckraker.talkingpointsmemo.com Movable Type
53 BGR bgr.com WordPress – self-hosted
54 Flavorwire flavorwire.com WordPress – self-hosted
55 PopWatch popwatch.ew.com WordPress – hosted
56 Michelle Malkin michellemalkin.com WordPress – self-hosted
57 City Room cityroom.blogs.nytimes.com WordPress – self-hosted
58 Wired Science wired.com/wiredscience WordPress – self-hosted
59 Grist grist.org WordPress – hosted
60 Search Engine Land searchengineland.com WordPress – self-hosted
61 Threat Level wired.com/threatlevel WordPress – self-hosted
62 Gizmag gizmag.com Custom
63 TreeHugger treehugger.com Movable Type
64 The Official Google Blog googleblog.blogspot.com Blogger
65 Hit & Run reason.com/blog Diderot
66 Jalopnik jalopnik.com Gawker
67 Bleeding Cool bleedingcool.com WordPress – self-hosted
68 Infowars infowars.com WordPress – self-hosted
69 Brain Pickings brainpickings.org WordPress – self-hosted
70 EurekAlert! eurekalert.org N/a
71 Funny or Die funnyordie.com N/a
72 The Onion theonion.com Custom
73 The Opinionator opinionator.blogs.nytimes.com WordPress – self-hosted
74 Watts up with that wattsupwiththat.com WordPress – hosted
75 The Unofficial Apple Weblog tuaw.com BlogSmith
76 Taegan Goodard’s Political Wire politicalwire.com Movable Type
77 Playstation Blog blog.us.playstation.com WordPress – self-hosted
78 Bleacher Report bleacherreport.com Custom
79 Epicenter wired.com/epicenter WordPress – self-hosted
80 White House Blog whitehouse.gov/blog Drupal
81 Cinema Blend Feeds cinemablend.com Custom
82 Danger Room wired.com/dangerroom WordPress – self-hosted
83 Inc. Magazine inc.com N/a
84 Android and Me androidandme.com WordPress – self-hosted
85 Pocket Now pocketnow.com N/a
86 Colossal thisiscolossal.com WordPress – self-hosted
87 Joe. My. God joemygod.com Blogger
88 FP Passport blog.foreignpolicy.com Drupal
89 News Busters newsbusters.org Drupal
90 Paul Krugman krugman.blogs.nytimes.com WordPress – self-hosted
91 Crooks and Liars crooksandliars.com Drupal
92 Balloon Juice balloon-juice.com WordPress – self-hosted
93 PSFK psfk.com WordPress – self-hosted
94 Economix economix.blogs.nytimes.com WordPress – self-hosted
95 The Awl theawl.com WordPress – self-hosted
96 Right Wing Watch rightwingwatch.org Drupal
97 Towleroad News towleroad.com TypePad
98 Hollywood Life hollywoodlife.com WordPress – self-hosted
99 Kottke kottke.org Movable Type
100 Animal animalnewyork.com WordPress – self-hosted

<h1>Texto del logo + a veces eslogan</h1>

<style>
                 h1
                     {
                        background: url("myimage") 0 0 no-repeat;
                         text-indent: -9999px;
                       }
</style>

Se acabó. Zeldman ha bautizado el nuevo método  que ya uso* y recomiendo como

“The Kellum Method”

El código es limpio, fácil y perfecto siempre que necesitamos que las imágenes de los logos se adapten (por cierto, ¿se habrá inventado ya algún sustituto para responsive design y media queries en castellano?).  No lo voy a usar para los H2,H3 etc, para eso ya tenemos las APIs y webkit.

#replace

 {
 text-indent: 100%;
 white-space: nowrap;
 overflow: hidden;
 }

* en todas las webs nuevas  

Nemeth Interactive

Confirmed Stock

encandle

Manual

Zola’s

Blind Barber

Salt Surf

Guns N’ Roses

Anna Safroncik

Bleu de Chauffe

inze.it

7 Days in Havana

Edoardo Leo

Archikon

Two Arms Inc

Planet Propaganda

This is the big picture (also known as Cover Photo) for Facebook’s Timeline.
Width: 851px
Height: 315px

Facebook Page Width

The usable area (custom tabs) of your brands Facebook page
Width: 810 px
Height: Unlimited

This is the maximum size of the image you can upload.
Width: 2048px
Height: 2048px

Application icons for Timeline view

These are the icons that are displayed on a fan page that has Facebook Timeline enabled. If your picture exceeds these limits, your icon will be resized and converted.
Width: 75px
Height: 75px
Maximum file size: 5MB

Facebook Status Update

Status update length: 63,206 characters
Comment length: unlimited

Video

The maximum file size of video you can upload
Size: 1024MB
Length: 20 minutes

Facebook application favicon size

This is the tiny icon that is being displayed on the left hand side of your news feed, where the applications that you use are.
Width: 16px
Height: 16px

Facebook milestone picture size

This is the size you use for milestone pictures such as company’s foundation date.
Width: 843 pixels
Height: 403 pixels

Profile picture for Timeline pages

Profile pictures sizes were recently updated for timeline. The new width and height are 180 px which will be automatically scaled down to following:
Width: 32px
Height: 32px

Please Note: It is important to choose a picture that can be scaled down as the profile pictures that are displayed on Timeline posts are really small. Best practice is to choose your business logo.

Thumbnail When Sharing

The image that is displayed next to the link when you click like or share something.
Width: 90px
Height: 90px

Pictures displayed in Facebook

This is the maximum size of the image as shown in slide show or album.
Width: 960px
Height: 720px

Facebook Ads

Picture in the ad
Width: 110px
Height: 80px
Size: 5MB

Text in ad
Header: 25 characters
Body copy: 135 characters

Attention: 

The dimensions allowed for your cover photo is 850 x 315 px. That’s a lot of space to play with, although under Facebook guidelines  they shouldn’t include:

• Price or purchase information, such as “40% off” or “Download it at our website”
• Contact information, such as web address, email, mailing address or other information intended for your Page’s About section
• References to user interface elements, such as Like or Share, or any other Facebook site features
• Calls to action, such as “Get it now” or “Tell your friends”

La pena es que está en Flash, así que no es tu aparato el que falla si no lo ves. Si admiras a  Escher como yo, siempre puedes encontrar otras maneras de recordar su obra, empezando por  estas

Referencias a Escher

Más información: Mayo, 2009 http://web-3.es/wolfram-alpha-computational-knowledge-engine-¡la-revolucion-ha-llegado/

Actualización 28/04/2010:

Transcripción de la charla y editorial de CNN

http://web3puntocero.amplify.com/2010/04/28/transcripcion-de-ted-talk-de-steven-wolfram-27410/

The State of the Internet es un vídeo infográfico realizado y presentado por  JESS3 en AIGA Baltimore (feb 2010)