Battle of sites with famous names – part I (responsive vs fixed, html5 vs html4)
Now several trends are popular in web-development. They are responsive web design, html5 and css3.
Today let’s compare sites of top companies looking through prism of first two trends: responsive web design and html5.
Part of selected companies has their own browsers, e.g. Mozilla with Firefox, Opera with the browser with similar name, Google with Chrome and Microsoft with Internet Explorer. Probably these companies should use actual trends because they define enhancements of using new web technologies in the whole world. But is it really so?
This is our full list of companies:
- Mozilla (mozilla.org)
- Opera (opera.com)
- Google (google.com, http://www.chromeexperiments.com)
- Microsoft (microsoft.com)
- Apple (apple.com)
- HP (hp.com)
- Samsung (samsung.com)
- Nokia (nokia.com)
Responsive web design
Site of Mozilla has responsive features and looks ready for our test.
Main page of Opera.com has fixed layout and doesn’t has responsive features.
Microsoft.com has clever responsive design and looks great!
Google.com and chromeexperiments.com both have fixed layout.
Apple.com has the same issue.
http://www.shopping.hp.com/
Samsung has fixed layout, too.
After previous tests, fixed layout of Nokia site is not a surprise.
So the winners of this trend are: Microsoft.com and Mozilla.org, they both use responsive design
HTML5 vs HTML4
The simplest way to check which version of html is used in coding site, is to look at first lines of source code of pages. If site is using html5 we will see it’s doctype: “<!doctype html>”.
Site of Mozilla has doctype of htm5 .
Opera.com has modern doctype too!
Microsoft.com with no doubts using html5 doctype!
chromeexperiments.com has… surprise! This site has doctype of html4 Strict. It is strange if you know that this site is a collection of most cool experiments with new technologies. So the question is WHY they use old doctype on this cool project??
Google.com has html5 doctype, that’s good.
Apple.com likes this trend too!
HP has cool doctype, yeah.
Samsung has old Transitional html4 doctype. Well, I think it’s time to make redesign!
Site of Nokia is in our trend!
Here our winners are almost all companies: Mozilla, Opera,
Conclusion
Having done our little research we see that the most trendy companies today are Mozilla and Microsoft, while other companies should work further on their own sites. Especially site of Samsung is waiting for being updated.
