Top 30 popular websites are NOT using tables as main layout structure
As my last article makes some waves out there, just read some of the comments here, here and here. I want to state that I am not against using tables on web pages, just against using the elements in a way they are not mean to. Also encouraging to the web entrepreneurs (the intended audience for this site) to use best practices on their projects. Why? Cause on the long way the good practices pay: when you have to add features, correct some bugs, scale the app, etcetera, etcetera… etcetera.
This list of website represent successful websites that are using good practices right now, and are doing something to make the web a better place.
The list
- Yahoo.com – Clean and a perfect Grid Design example
- Blogger.com – None and very complex design If you ask me
- Microsoft.com – None, more complicated design
- Skyrock.com – I don´t even know this website, but they are doing great
- Wretch.cc – I don´t know what they say but they use not tables, very complex design
- Youporn.com – Well, they are about porn but taking care of web standards
- UOL.com.br – What you say about complex layouts again?
- Dailymotion.com – Eat that! YouTube
- Allegro.pl – 0 tables involved
- 163.com – This one too
- AOL.com – One of the once-I-was, make the switch
- WordPress.com – Guess what!, None as expected
- WP.pl – Hey Poland, what are you eating these days?
- Netlog.com – As a blog platform… was expected
- Terra.com.br – Go Brazil Go!
- Passport.net – He he, I see what you are doing here Microsoft!
- Apple.com – What do you expect!?
- Xanga.com – One more here
- Globo.com – Brazil has now 3
- Adobe.com – Otherwise I am going to uninstall the CS Suite
- 6.cn – What a name!, no tables
- Mozilla.com – Ja!
- Digg.com – Dare you!
- Tudou.com – Asia, once more
- One.lt – One, one… one more to count
- iG.com.br – Brazil, there must be some anti table/pro CSS law down there?
- Download.com – Okay CNet, stay that way.
- 56.com – Numbers in the name but not tables in the game
- Youku.com – One more YouTube clone without the tables, WTF?
- Divx.com – Finally 30!
Divx.com is the site number 136 by Alexa Rankings (today), so about the 22% of the most popular websites are NOT using tables as the main structure. They have from simple to very complex designs and layouts, and all have the same problem like every web developer out there, cross browser issues, but still there are trying.
In the other hand
What are doing these ones: Google.pl, Amazon.com, IMDB.com, Seznam.cz, photobucket.com, Megarotic.com, Imageshack.us, Google.com.mx, Yandex.ru, onet.pl, go.com, BBC.co.uk, imagevenue.com, sohu.com, craigslist.org, megavideo.com, free.fr, Google.co.in, fc2.com, livejournal.com (just one in the Log In/Register Box), deviantart.com, Google.cn, Google.co.jp, taobao.com, Google.com.ar, rambler.ru, Google.ca, Google.co.vn, Mininova.org (offline at the moment of the photo), adultfriendfinder.com, Google.com.pe, ebay.de, metroflog.com, veoh.com, Google.co.ve, Google.com.tr, Geocities.com, Google.com.sa, Google.it, googlesyndication.com, vnexpress.net, Google.com.eg, Google.co.th, fotka.pl, vkontakte.ru, sendspace.com, ebay.co.uk, mixi.jp, badoo.com, badongo.com, cnn.com, bebo.com, tom.com, discuss.com.hk, mediafire.com, yourfilehost.com, maktoob.com, kooora.com, multiply.com, iwiw.hu, Google.sk, rakuten.co.jp, Google.ae, gamespot.com, perfspot.com (yeah, sure), 4shared.com, rediff.com, depositfiles.com, about.com (for sure), Google.com.ph, usercash.com, Google.com.au, Google.ro, dantri.com.vn, centrum.cz, zshare.net, invisionfree.com (just one).
Who cares?
Is true, I know, the average Joe and Jane out there, don´t even know that they can see the source code of a website if they want to. Also, the big chairs several floors over your head, in your company, give a shit about it! The standards and good practices not lead to more revenue… yet.
Finally
It´s up to you what tools or practices you use in your work. I give you that, but… think about blind people and accessibility for just say one example, just for a moment, think it. What will heard a blind people when enter in your page? And answer you can answer yourself: “A nonsense speech inside a tags soup”. I am sure that´s not what you want. Do you?
Keep flowing.
PS: I don´t really care about my grammar errors here, at the end of the day, you understand me, Don´t you? When people have nothing to say they… suddenly… find some spelling or grammar details, and open their big mouth!
Good to see Yahoo at the top, making some effort to keep up to date with good practices.
Actually, it is hard to understand you sometimes. “What will heard a blind people when enter in your page?” Makes very little sense without me guessing.
Take a look at Navy.com - it’s been the top table-less XHTML government website for the past few years. Keeping a high profile government website like this as code-clean as possible throughout many rounds of maintenance and with so many constant updates is a real challenge - and making sure it’s as accessible as possible and always validates is something we at Campbell-Ewald are very proud of. Take a look under the hood sometime!
Ive found this and the previous post mind blowing how so many BIG sites still use tables. Dont you think they realize they have tables?
Hi,
I prefer a hybrid design (divs/tables).
As for the list - do a smart check. These two sites:
Allegro.pl
wp.pl
use pure div-s, but only for a main page
Check with Web Developer Toolbar these main sites agaist:
http://allegro.pl/16696_firma_i_przemysl.html
http://wiadomosci.wp.pl/
and see the truth:)
[…] Top 30 popular websites are NOT using tables as main layout structure - Artigo que comenta a listagem dos 30 sites mais populares que, curiosamente ou n
Very rulez!
CSS and Brazil = good works
I´m from Brazil and I´m glad to see 4 of ours websites on the list. There´s a big community making very effort to make the web tableless.
Nice compilation!
Brazil rulez.
rsrsrs
We are the Top 30.
There are more but its nice now.
Thanx
(off-topic)
“just against using the elements in a way they are not mean to.”
Well, let’s start from the root. HTML itself is not being used the way it’s meant to. It’s intended for text documents, not for web applications nor for web sites. That’s why we see so much kludge and such a standards mess. And I’m surprise why people still didn’t get it, still don’t argue that. It’s like attaching airplane wings on a car because we don’t want to build a new airplane. What we need is a brand new technology, platform, languages, etc to build web sites and web applications the proper way.
Do you have courage do admit that?
“PS: I don´t really care about my grammar errors here”
-That much is obvious.
[…] 23, 2007 Esse artigo trás uma lista de 30 sites usando tableless para a construção do layout do site, a noticia boa, […]
Hey,
Can someone tell me if it is possible to cross-format a web design by eliminating tables with only CSS? Can you avoid side to side scrolling for every broswer size with CSS?
I have always loved using tables because they can expand and contract….I may be an old dog.
Thanks
OK I am going to have to let my additude prevail on this.
Every design I have seen so far that is using only CSS and no tables has “side to side scrolling” on a fairly typical 800×600 screen resolution. Could someone please tell me why it is acceptable to have side to side scrolling? I have never allowed this in web design.
lesbian galerry free lesbian galerry gallery
hypnotism hentai tentacle hypnotism hentai shemale
So, basically, when do we use tables?
I mean, tables should still be utilized when displaying data in an obviously table format, right?
Reason why I raised this question is because I would like to display the data on a page in a table form with borders. I still want my site to be accessible. So long as I don’t use Table as my “page layout”, I think my site would still be accessible, right? And only if I use Table for displaying data from my database (like first name, last name, etc) in an obviously table format, then I think it’s just fine.
What do you think?
What is the standard for displaying data in an obviously table format? Should I use CSS for this or simply Table?
Feedback is very much appreciated. Thanks!
fee Youtube, google-yahoo video player
web2.0flow.com recommends - Copy&past in browser:
http://youtubeplayer.byethost9.com/you tube player.zip