Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 5 of 5
  1. #1
    Junior Member
    Join Date
    Feb 2009
    Posts
    15
    Member #
    18223
    I thought that valid css and xhtml was very important while a making a site, So I was taking a look at bing.com and youtube.com to see how they did their search bars. I found out their code isn't valid and they are using css3. I have a couple questions.. Is valid code really THAT important since big sites do it? Is css3 even being developed because I haven;t really been keeping tabs on it but I have not seen any progress. And one more thing can someone tell me how twitter did their rounded corners and changed the height of their main page search bar? Thanks

  2.  

  3. #2
    Senior Member aeroweb99's Avatar
    Join Date
    Feb 2008
    Location
    Port Huron, Michigan
    Posts
    1,037
    Member #
    16468
    Liked
    1 times
    I'll make this quick since I don't have much time.

    Valid code gives your site stability and good performance. There are a lot of reasons to try to code the right way all of which can be found thru searching google and learning.

    Let me put it this way...
    It's kinda like the difference between a car being built with quality parts and one with used parts. One is going to have longevity and perform well, the other....

  4. #3
    Senior Member filburt1's Avatar
    Join Date
    Jul 2002
    Location
    Maryland, US
    Posts
    11,774
    Member #
    3
    Liked
    21 times
    Keep in mind really massive sites have many visitors. 0.1% of a browser population is irrelevant to us but is a lot of people for them, so the crappy browsers that choke on valid code still have to be supported...for example, Google hasn't even been valid that I know of.
    filburt1, Web Design Forums.net founder
    Site of the Month contest: submit your site or vote for the winner!

  5. #4
    Senior Member diddy's Avatar
    Join Date
    Jun 2008
    Location
    Sydney, Australia
    Posts
    502
    Member #
    16955
    Google's code is terrible, here's the code from google.com.au:

    Code:
    <!doctype html><html><head><meta http-equiv="content-type" content="text/html; charset=UTF-8"><title>Google</title><script>window.google={kEI:"UvuZSuq2H4iKwgP7qfCwBQ",kEXPI:"17259,19608,21607,21651",kCSIE:"17259,19608,21607,21651",kCSI:{e:"17259,19608,21607,21651",ei:"UvuZSuq2H4iKwgP7qfCwBQ"},kHL:"en"};
    
    window.google.sn="webhp";window.google.timers={load:{t:{start:(new Date).getTime()}}};try{window.google.pt=window.gtbExternal&&window.gtbExternal.pageT()||window.external&&window.external.pageT}catch(b){}(function(){var a=parseInt((window.location.href.match("[?&#]cts=(.*?)([&#]|$)")||[0,0])[1])||0;if(a)window.google.timers.load.t.asrt=a})();
    var _gjwl=location;function _gjuc(){var b=_gjwl.href.indexOf("#");if(b>=0){var a=_gjwl.href.substring(b+1);if(/(^|&)q=/.test(a)&&a.indexOf("#")==-1&&!/(^|&)cad=h($|&)/.test(a)){_gjwl.replace("/search?"+a.replace(/(^|&)fp=[^&]*/g,"")+"&cad=h");return 1}}return 0}function _gjp(){!(window._gjwl.hash&&window._gjuc())&&setTimeout(_gjp,500)};
    window._gjp && _gjp()</script><style>td{line-height:.8em;}.gac_m td{line-height:17px;}form{margin-bottom:20px;}body,td,a,p,.h{font-family:arial,sans-serif}.h{color:#36c;font-size:20px}.q{color:#00c}.ts td{padding:0}.ts{border-collapse:collapse}em{font-weight:bold;font-style:normal}#gbar{height:22px}.gbh,.gbd{border-top:1px solid #c9d7f1;font-size:1px}.gbh{height:0;position:absolute;top:24px;width:100%}#gbi,#gbg,#gbs{background:#fff;left:0;position:absolute;text-align:left;visibility:hidden;z-index:1000}#gbi,#gbg{border:1px solid;border-color:#c9d7f1 #36c #36c #a2bae7;z-index:1001}#guser{padding-bottom:7px !important;text-align:right}#gbar,#guser{font-size:13px;padding-top:1px !important}@media all{.gb1,.gb3{height:22px;margin-right:.5em;vertical-align:top}#gbar{float:left}}.gb2{display:block;padding:.2em .5em}a.gb1,a.gb2,a.gb3{color:#00c !important}.gb2,.gb3{text-decoration:none}a.gb2:hover{background:#36c;color:#fff !important}</style><script>google.y={};google.x=function(e,g){google.y[e.id]=[e,g];return false};window.rwt=function(a,d,e,g,h,f,i,j){try{if(a===window){a=window.event.srcElement;while(a){if(a.href)break;a=a.parentNode}}var b=encodeURIComponent||escape,c=a.href.split("#"),k=["/url?sa=t","",d?"&oi="+b(d):"",e?"&cad="+b(e):"","&ct=",b(g||"res"),"&cd=",b(h),"&url=",b(c[0]).replace(/\+/g,"%2B"),"&ei=","UvuZSuq2H4iKwgP7qfCwBQ",
    f?"&usg="+f:"",i,c[1]?"#"+c[1]:""].join("");a.href=k;a.onmousedown=""}catch(l){}return true};
    window.gbar={qs:function(){},tg:function(e){var o={id:'gbar'};for(i in e)o[i]=e[i];google.x(o,function(){gbar.tg(o)})}};</script></head><body bgcolor=#ffffff text=#000000 link=#0000cc vlink=#551a8b alink=#ff0000 onload="document.f.q.focus();if(document.images)new Image().src='/images/nav_logo6.png'" topmargin=3 marginheight=3><textarea id=csi style=display:none></textarea><div id=gbar><nobr><b class=gb1>Web</b> <a href="http://images.google.com.au/imghp?hl=en&tab=wi" onclick=gbar.qs(this) class=gb1>Images</a> <a href="http://video.google.com.au/?hl=en&tab=wv" onclick=gbar.qs(this) class=gb1>Videos</a> <a href="http://maps.google.com.au/maps?hl=en&tab=wl" onclick=gbar.qs(this) class=gb1>Maps</a> <a href="http://news.google.com.au/nwshp?hl=en&tab=wn" onclick=gbar.qs(this) class=gb1>News</a> <a href="http://groups.google.com.au/grphp?hl=en&tab=wg" onclick=gbar.qs(this) class=gb1>Groups</a> <a href="http://mail.google.com/mail/?hl=en&tab=wm" class=gb1>Gmail</a> <a href="http://www.google.com.au/intl/en/options/" onclick="this.blur();gbar.tg(event);return !1" aria-haspopup=true class=gb3><u>more</u> <small>?</small></a><div id=gbi><a href="http://books.google.com.au/bkshp?hl=en&tab=wp" onclick=gbar.qs(this) class=gb2>Books</a> <a href="http://scholar.google.com.au/schhp?hl=en&tab=ws" onclick=gbar.qs(this) class=gb2>Scholar</a> <a href="http://blogsearch.google.com.au/?hl=en&tab=wb" onclick=gbar.qs(this) class=gb2>Blogs</a> <a href="http://translate.google.com.au/?hl=en&tab=wT" onclick=gbar.qs(this) class=gb2>Translate</a> <div class=gb2><div class=gbd></div></div><a href="http://www.youtube.com/?hl=en&tab=w1&gl=AU" onclick=gbar.qs(this) class=gb2>YouTube</a> <a href="http://www.google.com/calendar/render?hl=en&tab=wc" class=gb2>Calendar</a> <a href="http://picasaweb.google.com.au/home?hl=en&tab=wq" onclick=gbar.qs(this) class=gb2>Photos</a> <a href="http://docs.google.com/?hl=en&tab=wo" class=gb2>Documents</a> <a href="http://www.google.com.au/reader/view/?hl=en&tab=wy" class=gb2>Reader</a> <a href="http://sites.google.com/?hl=en&tab=w3" class=gb2>Sites</a> <div class=gb2><div class=gbd></div></div><a href="http://www.google.com.au/intl/en/options/" class=gb2>even more &raquo;</a> </div></nobr></div><div id=guser width=100%><nobr><b>nevery29@gmail.com</b> | <a href="/url?sa=p&pref=ig&pval=3&q=http://www.google.com.au/ig%3Fhl%3Den%26source%3Diglk&usg=AFQjCNH1kEen7nYvAop6K_53cfXVwWQinQ">iGoogle</a> | <a href="/preferences?hl=en" onclick="this.blur();gbar.tg(event);return !1" aria-haspopup=true aria-owns=gbg class=gb3><u>Settings</u> <small>?</small></a>| <div id=gbg><a href="/preferences?hl=en" class=gb2>Search settings</a><a href="http://www.google.com/accounts/ManageAccount" class=gb2>Google account settings</a></div><a href="/accounts/ClearSID?continue=http://www.google.com/accounts/Logout%3Fcontinue%3Dhttp://www.google.com.au/">Sign out</a></nobr></div><div class=gbh style=left:0></div><div class=gbh style=right:0></div><center><br clear=all id=lgpd><img alt="Google" height=110 src="/intl/en_au/images/logo.gif" width=276 id=logo onload="window.lol&&lol()"><br><br><form action="/search" name=f><table cellpadding=0 cellspacing=0><tr valign=top><td width=25%>&nbsp;</td><td align=center nowrap><input name=hl type=hidden value=en><input name=source type=hidden value=hp><input autocomplete="off" maxlength=2048 name=q size=55 class=lst title="Google Search" value=""><br><input name=btnG type=submit value="Google Search" class=lsb><input name=btnI type=submit value="I'm Feeling Lucky" class=lsb></td><td nowrap width=25% align=left><font size=-2>&nbsp;&nbsp;<a href=/advanced_search?hl=en>Advanced Search</a><br>&nbsp;&nbsp;<a href=/language_tools?hl=en>Language Tools</a></font></td></tr><tr><td align=center colspan=3><font size=-1><span style="text-align:left">Search: <input id=all type=radio name=meta value="" checked><label for=all> the web </label> <input id=cty type=radio name=meta value="cr=countryAU"><label for=cty> pages from Australia </label> </span></font></td></tr></table></form><br><br><font size=-1><a href="/intl/en/ads/">Advertising&nbsp;Programmes</a> - <a href="/services/">Business Solutions</a> - <a href="/intl/en/about.html">About Google</a> - <a href=http://www.google.com/ncr>Go to Google.com</a></font><p><font size=-2>&copy;2009 - <a href="/intl/en/privacy.html">Privacy</a></font></p></center><div id=xjsd></div><div id=xjsi><script>if(google.y)google.y.first=[];if(google.y)google.y.first=[];google.dstr=[];google.rein=[];window.setTimeout(function(){var a=document.createElement("script");a.src="/extern_js/f/CgJlbhICYXUrMAo4LSwrMA44BywrMBY4ECwrMBc4AywrMBg4BCwrMBk4BywrMCE4IEABLCswJTjJiAEsKzAmOAUsKzAnOAIsKzAqOAEsKzArOAQsKzAtOAAsKzA8OAAs/M-0qJBsR_Wc.js";(document.getElementById("xjsd")||document.body).appendChild(a)},0);
    ;google.y.first.push(function(){google.ac.i(document.f,document.f.q,'','')});google.xjs&&google.j&&google.j.xi&&google.j.xi()</script></div><script>(function(){
    function a(){google.timers.load.t.ol=(new Date).getTime();google.report&&google.report(google.timers.load,google.kCSI)}if(window.addEventListener)window.addEventListener("load",a,false);else if(window.attachEvent)window.attachEvent("onload",a);google.timers.load.t.prt=(new Date).getTime();
    })();
    </script>
    In answer to the question, valide xhtml/css code usually would make it more 'clean', and better performance, and more cross-browser, cross-platform compatibility.

  6. #5
    Junior Member WebPrezentacija's Avatar
    Join Date
    Jul 2009
    Location
    Novi Sad, Serbia
    Posts
    25
    Member #
    19405
    Liked
    1 times
    chrisx16x2008,

    Inavlid html and css code doesnít affect highest rankings at google SERP-s. I have #1 position at google SERP-s for so many keyword phrases regarding web design. My html and css code is totally invalid, it is because I donít know how to solve some problems in my web pages.

    When I would have enough time, I will post in html and css forum some questions to be solved.


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 01:31 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com