<?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>Vinicius Ebersol &#187; Padrões Web</title>
	<atom:link href="http://vebersol.net/category/padroes-web/feed/" rel="self" type="application/rss+xml" />
	<link>http://vebersol.net</link>
	<description>Blog on Rails</description>
	<lastBuildDate>Wed, 28 Dec 2011 15:22:47 +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>Fazendo justiça</title>
		<link>http://vebersol.net/2008/04/03/fazendo-justica/</link>
		<comments>http://vebersol.net/2008/04/03/fazendo-justica/#comments</comments>
		<pubDate>Thu, 03 Apr 2008 13:50:00 +0000</pubDate>
		<dc:creator>Vinicius Ebersol</dc:creator>
				<category><![CDATA[Padrões Web]]></category>

		<guid isPermaLink="false"></guid>
		<description><![CDATA[Em um outro post que escrevi, Onde estão os desenvolvedores Rails, o Eduardo Scoz, desenvolvedor do site Mapia respondeu em um comentário o motivo de seu site não ser validado. Veja abaixo a resposta dele: Ola pessoal! Sou o único &#8230; <a href="http://vebersol.net/2008/04/03/fazendo-justica/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Em um outro post que escrevi, <a href="http://www.awtres.com/o-que-ha-com-os-desenvolvedores-que-utilizam-rails/">Onde estão os desenvolvedores Rails</a>, o Eduardo Scoz, desenvolvedor do site <a href="http://mapia.com.br">Mapia</a> respondeu em um comentário o motivo de seu site não ser validado. Veja abaixo a resposta dele:</p>
<blockquote><p>Ola pessoal!<br />
Sou o único desenvolvedor do site mapia.com.br ,listado aí acima!<br />
Primeiramente, deixe-me agradecer por incluir meu site na lista! Ver o nome do site ali ao lado de gente grande realmente me deixa muito feliz! </p>
<p>Quanto a validacao xhtml no site, até pouco tempo atrás o mapia passava em todas as validacoes. Só que o html foi ficando muito complicado, e ao inves de me preocupar em validar tudo, resolvi que em breve vou dar uma grande limpada no código fonte, e por isso deixei passar.</p>
<p>Ultimamente também, tenho me preocupado bastante também com a qualidade dos dados no site, e isso tem me gastado o pouco tempo que tenho para trabalhar no site. Manter dados atualizados (ou tentar manter) para todas as cidades, além das que vão aparecer logo), é algo que consume muito tempo, coisa que está escassa para mim hoje em dia. Fazer o site renderizar corretamente em todos ( ou maioria de ) browsers por aí também toma bastante tempo.</p>
<p>De qualquer forma, valeu pelo comentário!</p>
<p>Grande abraço,</p>
<p>Eduardo Scoz</p></blockquote>
]]></content:encoded>
			<wfw:commentRss>http://vebersol.net/2008/04/03/fazendo-justica/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>O que há com os desenvolvedores que utilizam Rails?</title>
		<link>http://vebersol.net/2008/03/11/o-que-ha-com-os-desenvolvedores-que-utilizam-rails/</link>
		<comments>http://vebersol.net/2008/03/11/o-que-ha-com-os-desenvolvedores-que-utilizam-rails/#comments</comments>
		<pubDate>Tue, 11 Mar 2008 18:17:47 +0000</pubDate>
		<dc:creator>Vinicius Ebersol</dc:creator>
				<category><![CDATA[Padrões Web]]></category>
		<category><![CDATA[Ruby on Rails]]></category>
		<category><![CDATA[XHTML]]></category>

		<guid isPermaLink="false"></guid>
		<description><![CDATA[Primeiramente vou falar sobre o fato que me levou a escrever este post. Há um tempo atrás escrevi um post rápido falando da dificuldade de validar a marcação dos formulários em rails com o W3C validator. A minha reclamação foi &#8230; <a href="http://vebersol.net/2008/03/11/o-que-ha-com-os-desenvolvedores-que-utilizam-rails/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Primeiramente vou falar sobre o fato que me levou a escrever este post. Há um tempo atrás escrevi um post rápido falando da dificuldade de validar a marcação dos formulários em rails com o <a href="http://validator.w3.org/">W3C validator</a>. A minha reclamação foi ouvida, ou pelo menos o problema foi solucionado. Hoje já é possível que inputs com o name do tipo <code>name="post[title]"</code> passem na validação da W3C.Para verificar isto comecei a acessar alguns sites em rails, e fiquei pasmo com o fato de muitos deles não passarem na validação, por erros bestas como a falta de elementos básicos como a barra no final de tags como <code>&lt;br /&gt;</code> ou ainda o não fechamento de tags. Então fui na página do Rails e dei uma verificada nos sites indicados. O resultado foi:</p>
<ul>
<li><a href="http://www.basecamphq.com/">Basecamp</a> &#8211; <span>Reprovado</span></li>
<li><a href="http://www.campfirenow.com/">Campfire</a> &#8211; <span>Reprovado</span></li>
<li><a href="http://www.43things.com/">43 Things</a> &#8211; <span>Reprovado</span></li>
<li><a href="http://odeo.com/">Odeo</a> &#8211; <span>Reprovado</span></li>
<li><a href="http://www.shopify.com/">Shpify</a> &#8211; <span>Reprovado</span></li>
<li><a href="http://www.fluxiom.com/">Fluxiom</a> &#8211; <span>Reprovado</span></li>
<li><a href="http://www.joyent.com/connector/Secure-Backups/">Strongspace</a> &#8211; <span>Reprovado</span></li>
<li><a href="http://www.typosphere.org/">Typo</a> &#8211; <span>Aprovado</span></li>
</ul>
<p>Dos projetos brasileiros em rails:</p>
<ul>
<li><a href="http://www.spesa.com.br/">Spesa</a> &#8211; <span>Aprovado</span></li>
<li><a href="http://www.mapia.com.br/">Mapia</a> &#8211; <span>Reprovado</span></li>
<li><a href="http://pelotascenter.com.br/">Pelotas Center</a> &#8211; <span>Reprovado</span></li>
<li><a href="http://cangucucenter.com.br/">Canguçu Center</a> &#8211; <span>Reprovado</span></li>
</ul>
<p>Da amostra acima, temos 83% de reprovação no W3C Validator, o que atualmente acho demais! Na verdade acredito que com todos os recursos que o Rails oferece, a reprovação deveria ser muito menor, algo em torno do inverso do resultado atual, ou seja, 15%.</p>
<p>Com este artigo não tenho como objetivo participar da <a href="http://www.nomedojogo.com/2008/03/06/rails-podcast-brasil-episodio-8/">promoção do Rails Podcast Brasil</a>, mas sim alertar a todos os desenvolvedores da necessidade de ter um código limpo e semanticamente correto. Muitos podem achar que é exagero e paranóia ficar se preocupando com a validação da sua marcação, mas a verdade é que devemos pensar sempre no usuário, e não na conveniência de fazer uma marcação rápida para entregar o trabalho logo e receber. É muito importante discutir acima de tudo sobre a semântica da coisa, e dedicar um tempo especial para isso. Já perdi tardes batendo boca com os colegas de equipe &#8211; em especial com o Everton, que tem uma noção muito boa de padrões web e semântica &#8211; de como otimizar a marcação para deixá-la limpa e fácil de entender. Posso afirmar que não foi tempo em vão.</p>
]]></content:encoded>
			<wfw:commentRss>http://vebersol.net/2008/03/11/o-que-ha-com-os-desenvolvedores-que-utilizam-rails/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Poupe suas páginas, ponha somente o CSS e o Javascript necessário com Ruby on Rails</title>
		<link>http://vebersol.net/2008/02/03/poupe-suas-paginas-ponha-somente-o-css-e-o-javascript-necessario-com-ruby-on-rails/</link>
		<comments>http://vebersol.net/2008/02/03/poupe-suas-paginas-ponha-somente-o-css-e-o-javascript-necessario-com-ruby-on-rails/#comments</comments>
		<pubDate>Sun, 03 Feb 2008 15:21:22 +0000</pubDate>
		<dc:creator>Vinicius Ebersol</dc:creator>
				<category><![CDATA[Padrões Web]]></category>
		<category><![CDATA[Ruby on Rails]]></category>

		<guid isPermaLink="false"></guid>
		<description><![CDATA[Hoje em dia cada byte a mais no seu código pode significar gigabites de tráfego ali na frente, por isso é necessário utilizar em cada página que é renderizada somente o que é preciso para aquela página rodar. O ideal &#8230; <a href="http://vebersol.net/2008/02/03/poupe-suas-paginas-ponha-somente-o-css-e-o-javascript-necessario-com-ruby-on-rails/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Hoje em dia cada byte a mais no seu código pode significar gigabites de tráfego ali na frente, por isso é necessário utilizar em cada página que é renderizada somente o que é preciso para aquela página rodar.</p>
<p>O ideal é pôr o <strong>stylesheet_link_tag</strong> e o <strong>javascript_include_tag</strong> dentro de cada view, somente com os arquivos necessários. Porém, surge um problema grave, que é o fato de o elemento &lt;link&gt; não poder ficar fora do elemento &lt;head&gt;, ou seja, se você usar um layout padrão com n views, o seu arquivo que contém as Stylesheets ficará fora do elemento &lt;head&gt;, tornando seu código fora do padrão da w3C, o que para muitos não é importante, para mim é imprescindível.</p>
<p>Mas como o Rails é muito bom, também pensaram nisso. O método de pôr stylesheets e javascripts que estão na view dentro do elemento &lt;head&gt; é muito simples.</p>
<p><strong>app/views/layouts/application.rhtml</strong></p>
<pre>&lt;<span class="keyword">!DOCTYPE</span> html PUBLIC <span class="string">"-//W3C//DTD XHTML 1.0 Transitional//EN"</span>  <span class="string">"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"</span>&gt;
&lt;<span class="function-name">html</span> <span class="variable-name">xmlns</span>=<span class="string">"http://www.w3.org/1999/xhtml"</span> <span class="sgml-namespace">xml</span>:<span class="variable-name">lang</span>=<span class="string">"pt"</span> <span class="variable-name">lang</span>=<span class="string">"pt"</span>&gt;
  &lt;<span class="function-name">head</span>&gt;
    &lt;<span class="function-name">meta</span> <span class="variable-name">http-equiv</span>=<span class="string">"content-type"</span> <span class="variable-name">content</span>=<span class="string">"text/html;charset=UTF-8"</span> /&gt;
    &lt;<span class="function-name">meta</span> <span class="variable-name">name</span>=<span class="string">"language"</span> <span class="variable-name">content</span>=<span class="string">"pt-br"</span> /&gt;
    &lt;<span class="function-name">meta</span> <span class="variable-name">name</span>=<span class="string">"generator"</span> <span class="variable-name">content</span>=<span class="string">"emacs"</span> /&gt;
    &lt;<span class="function-name">title</span>&gt;<span class="underline"><span class="bold">Título da sua página</span></span>&lt;/<span class="function-name">title</span>&gt;

    &lt;%= javascript_include_tag :defaults %&gt;<span class="comment-delimiter">

    &lt;!--  Pega os blocos de CSS e Javascript e exibe nesta região da sua marcação. --</span><span class="comment-delimiter">&gt;</span>
    &lt;%= yield(:page_javascript) %&gt;
    &lt;%= yield(:page_stylesheet) %&gt;
  &lt;/<span class="function-name">head</span>&gt;
  &lt;<span class="function-name">body</span>&gt;
    &lt;<span class="function-name">div</span> <span class="variable-name">id</span>=<span class="string">"wrap"</span> &gt;
      &lt;%= yield %&gt;
    &lt;/<span class="function-name">div</span>&gt;
  &lt;/<span class="function-name">body</span>&gt;
&lt;/<span class="function-name">html</span>&gt;</pre>
<p><strong>app/views/teste/view.rhtml</strong></p>
<pre>&lt;% content_for(:page_stylesheet) do %&gt;
  &lt;%= stylesheet_link_tag 'redboox' %&gt;
&lt;% end %&gt;

&lt;% content_for(:page_javascript) do %&gt;
  &lt;%= javascript_include_tag 'redbox' %&gt;
&lt;% end %&gt;

&lt;<span class="function-name">div</span>&gt;
  &lt;<span class="function-name">h4</span>&gt;<span class="underline">Seu html aqui...</span>&lt;/<span class="function-name">h4</span>&gt;
  ...
  ...
  ...
&lt;/<span class="function-name">div</span>&gt;</pre>
]]></content:encoded>
			<wfw:commentRss>http://vebersol.net/2008/02/03/poupe-suas-paginas-ponha-somente-o-css-e-o-javascript-necessario-com-ruby-on-rails/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Microformats são uma maravilha, com Mofo melhor ainda!</title>
		<link>http://vebersol.net/2008/01/28/microformats-sao-uma-maravilha-com-mofo-melhor-ainda/</link>
		<comments>http://vebersol.net/2008/01/28/microformats-sao-uma-maravilha-com-mofo-melhor-ainda/#comments</comments>
		<pubDate>Mon, 28 Jan 2008 05:02:43 +0000</pubDate>
		<dc:creator>Vinicius Ebersol</dc:creator>
				<category><![CDATA[Padrões Web]]></category>
		<category><![CDATA[Ruby on Rails]]></category>
		<category><![CDATA[XHTML]]></category>

		<guid isPermaLink="false"></guid>
		<description><![CDATA[Acabo de ler um post bem legal no Nome do Jogo, é um screencast mostrando como utilizar Microformats com um gem do Ruby de forma fácil e rápida (como tudo no ruby). O nome deste gem é Mofo, ele é &#8230; <a href="http://vebersol.net/2008/01/28/microformats-sao-uma-maravilha-com-mofo-melhor-ainda/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Acabo de ler um post bem legal no <a href="http://www.nomedojogo.com/">Nome do Jogo</a>, é um screencast mostrando como utilizar <a href="http://microformats.org">Microformats</a> com um gem do <a href="http://www.ruby-lang.org/">Ruby</a> de forma fácil e rápida (como tudo no ruby). O nome deste gem é Mofo, ele é muito útil para chamar dados de um web service, como por exemplo seu perfil no <a href="http://linkedin.com">Linkedin</a>. Como o próprio Carlos Brando mencionou no Podcast dele com o <a href="http://akitaonrails.com/">Akita </a>- o <a href="http://www.rubyonrails.pro.br/podcasts">Rails PodCast Brasil</a> &#8211; ele está preparando assuntos bem legais para os screencasts e aprendendo como se faz, então a dica é para algo sério e bem feito!</p>
<p>Eu já postei algumas coisas sobre Microformats na versão 1.0 deste blog, pois eu vi uma palestra do <a href="http://elcio.com.br">Élcio Ferreira</a> sobre o assunto no <a href="http://www.locaweb.com.br/encontro">9º ELPI</a>. Eu particularmente achei esta idéia simples e muito produtiva, pois ela já permite que com uma extensão do <a href="http://getfirefox.com">Firefox </a>chamada <a href="https://addons.mozilla.org/en-US/firefox/addon/4106">Operator</a>, você tenha acesso fácil e rápido aos dados mais importantes do perfil da empresa ou da pessoa.</p>
<p>Como fazer o seu Microformat com marcação XHTML? <a href="http://blog.elcio.com.br/tags/microformats/">É Fácil!</a></p>
<p>Agora se você quer algo mais sofisticado <a href="http://www.nomedojogo.com/2008/01/28/episodio-6-consumindo-microformats-em-ruby/">Carlos Brando é a solução</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://vebersol.net/2008/01/28/microformats-sao-uma-maravilha-com-mofo-melhor-ainda/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

