<?xml version="1.0" encoding="UTF-8"?> <rss
version="2.0"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:wfw="http://wellformedweb.org/CommentAPI/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:atom="http://www.w3.org/2005/Atom"
xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
> <channel><title>Blog de SEO, Interfaces e Comércio Eletrônico &#187; layout</title> <atom:link href="http://herictilly.com.br/blog/tag/layout/feed/" rel="self" type="application/rss+xml" /><link>http://herictilly.com.br/blog</link> <description>SEO, Comércio Eletrônico, Google, Interfaces, jQuery</description> <lastBuildDate>Tue, 10 Apr 2012 20:31:29 +0000</lastBuildDate> <language>en</language> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <generator>http://wordpress.org/?v=3.3.1</generator> <item><title>Testando seu layout em vários navegadores</title><link>http://herictilly.com.br/blog/css/testando-seu-layout-em-varios-navegadores/</link> <comments>http://herictilly.com.br/blog/css/testando-seu-layout-em-varios-navegadores/#comments</comments> <pubDate>Sun, 12 Apr 2009 03:48:30 +0000</pubDate> <dc:creator>Héric Tilly</dc:creator> <category><![CDATA[CSS]]></category> <category><![CDATA[crossbrowser]]></category> <category><![CDATA[layout]]></category> <guid
isPermaLink="false">http://herictilly.com.br/blog/?p=80</guid> <description><![CDATA[Uma das tarefas mais chatas e demoradas para quem monta um site com layout elaborado é montar um código css e deixá-lo visivelmente igual em todos os navegadores existentes. Inclusive no I.E. 6 que até hoje é usado por grande parte dos internautas e não pode ser deixado de lado. Em um dos sites que [...]]]></description> <content:encoded><![CDATA[<div
class="google_plus_one" style="float: right; margin:10px;"><g:plusone size="medium" count="true" url="http://herictilly.com.br/blog/css/testando-seu-layout-em-varios-navegadores/"></g:plusone></div><div
class="tweetmeme_button" style="float: right; margin-left: 10px;"> <a
href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fherictilly.com.br%2Fblog%2Fcss%2Ftestando-seu-layout-em-varios-navegadores%2F"><br
/> <img
src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fherictilly.com.br%2Fblog%2Fcss%2Ftestando-seu-layout-em-varios-navegadores%2F&amp;style=normal&amp;service=is.gd&amp;b=2" height="61" width="50" title="Testando seu layout em vários navegadores" alt=" Testando seu layout em vários navegadores" /><br
/> </a></div><p>Uma das tarefas mais chatas e demoradas para quem monta um site com layout elaborado é montar um código css e deixá-lo visivelmente igual em todos os navegadores existentes. Inclusive no I.E. 6 que até hoje é usado por grande parte dos internautas e não pode ser deixado de lado. Em um dos sites que faço estudo de marketing e SEO, o I.E. 6.0 ocupa 30% dos acessos.</p><p>Muitos progrmadores de sites ignoram este assunto e não testam seu layout em diferentes navegadores, o resultado é que você está segmentando seu público&#8230; &#8221; suponha que você possui um estacionamento e que não tenha vagas para carros de cor prata ? Entendeu ? Perde clientes &#8230; é a mesma coisa &#8230; &#8221;</p><p>Voltando ao asunto&#8230; imagine você programar um código que tem N compiladores diferentes, e nem todos interpretam todos os comandos da mesma maneira, pois é, achou complicado ? Realmente é.</p><p>Mas a experiência e a vivência do dia a dia te deixam craque nos macetes e particularidades que cada navegador tem e você acaba aprendendo a programar seu css de maneira global.</p><p>Porém se desejar uma ajuda extra, o site <a
href="http://browsershots.org/" target="_blank" class="liexternal previewlink">Browser Shots</a> testa seu layout em diversos browsers e em diferentes sistemas operacionais.</p><p>Confira lá como fica seu layout e depois comente aqui sua experiência &#8230;</p><p>Até mais.</p><div
class="trackable_sharing"><a
href="http://www.facebook.com/sharer.php?u=http%3A%2F%2Fherictilly.com.br%2Fblog%2Fcss%2Ftestando-seu-layout-em-varios-navegadores%2F" style="text-decoration: none; white-space: nowrap;" title="Facebook" target="_blank" onclick="that=this;_gaq.push(['_trackEvent','SocialSharing','Facebook','http://herictilly.com.br/blog/css/testando-seu-layout-em-varios-navegadores/']); _trackableshare_window = window.open(this.href,'share','menubar=0,resizable=1,width=500,height=350'); _trackableshare_window.focus(); return false;"><img
align="absmiddle" src="http://herictilly.com.br/blog/wp-content/plugins/trackable-social-share-icons/buttons/1//facebook.png" alt="facebook Testando seu layout em vários navegadores" width="32" height="32" title="Testando seu layout em vários navegadores" /></a> <a
href="http://twitter.com/share?url=http%3A%2F%2Fherictilly.com.br%2Fblog%2Fcss%2Ftestando-seu-layout-em-varios-navegadores%2F&text=Testando+seu+layout+em+v%C3%A1rios+navegadores" style="text-decoration: none; white-space: nowrap;" title="Twitter" target="_blank" onclick="that=this;_gaq.push(['_trackEvent','SocialSharing','Twitter','http://herictilly.com.br/blog/css/testando-seu-layout-em-varios-navegadores/']); _trackableshare_window = window.open(this.href,'share','menubar=0,resizable=1,width=500,height=350'); _trackableshare_window.focus(); return false;"><img
align="absmiddle" src="http://herictilly.com.br/blog/wp-content/plugins/trackable-social-share-icons/buttons/1//twitter.png" alt="twitter Testando seu layout em vários navegadores" width="32" height="32" title="Testando seu layout em vários navegadores" /></a> <a
href="mailto:?subject=Check out http%3A%2F%2Fherictilly.com.br%2Fblog%2Fcss%2Ftestando-seu-layout-em-varios-navegadores%2F" style="text-decoration: none; white-space: nowrap;" title="Email" onclick="that=this;_gaq.push(['_trackEvent','SocialSharing','Email','http://herictilly.com.br/blog/css/testando-seu-layout-em-varios-navegadores/']); "><img
align="absmiddle" src="http://herictilly.com.br/blog/wp-content/plugins/trackable-social-share-icons/buttons/1//email.png" alt="email Testando seu layout em vários navegadores" width="32" height="32" title="Testando seu layout em vários navegadores" /></a></div>]]></content:encoded> <wfw:commentRss>http://herictilly.com.br/blog/css/testando-seu-layout-em-varios-navegadores/feed/</wfw:commentRss> <slash:comments>1</slash:comments> </item> </channel> </rss>
