<?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>CSS, XHTML, Web Standards, Tableless, Estatísticas, SEO, Wordpress &#124; marcio misumi &#187; Extensão</title>
	<atom:link href="http://marciomisumi.com.br/blog/category/extensao/feed/" rel="self" type="application/rss+xml" />
	<link>http://marciomisumi.com.br/blog</link>
	<description>interface designer</description>
	<lastBuildDate>Mon, 22 Feb 2010 01:54:00 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Web Developer – extensão para o Firefox</title>
		<link>http://marciomisumi.com.br/blog/2008/11/24/web-developer-extensao-para-o-firefox/</link>
		<comments>http://marciomisumi.com.br/blog/2008/11/24/web-developer-extensao-para-o-firefox/#comments</comments>
		<pubDate>Tue, 25 Nov 2008 00:46:49 +0000</pubDate>
		<dc:creator>Marcio Misumi</dc:creator>
				<category><![CDATA[Extensão]]></category>
		<category><![CDATA[Tecnologia]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://marciomisumi.com.br/blog/?p=194</guid>
		<description><![CDATA[Web Developer &#233; uma extens&#227;o indispens&#225;vel para qualquer desenvolvedor web e facilita demais o dia-a-dia destes profissionais. Ao instalar esta extens&#227;o, &#233; habilitada uma barra de ferramenta localizada abaixo da barra de navega&#231;&#227;o. O Web Developer Toolbar cont&#233;m in&#250;meros bot&#245;es com diversas fun&#231;&#245;es. Veremos com mais detalhes cada um:

Disable: Serve para desabilitar diversos componentes ou [...]]]></description>
			<content:encoded><![CDATA[<p>Web Developer &eacute; uma extens&atilde;o indispens&aacute;vel para qualquer desenvolvedor web e facilita demais o dia-a-dia destes profissionais. Ao instalar esta extens&atilde;o, &eacute; habilitada uma barra de ferramenta localizada abaixo da barra de navega&ccedil;&atilde;o. O Web Developer Toolbar cont&eacute;m in&uacute;meros bot&otilde;es com diversas fun&ccedil;&otilde;es. Veremos com mais detalhes cada um:</p>
<p><img src="http://www.marciomisumi.com.br/blog/images/post/web-developer.gif" alt="Web Developer Tool" title="Web Developer Tool" /></p>
<p><strong>Disable:</strong> Serve para desabilitar diversos componentes ou partes do navegador. Pode-se desabilitar cache, javascript, popups, as cores da p&aacute;gina, etc.<br />
  <strong>Cookies:</strong> Permite desabilitar os cookies, encontrar informa&ccedil;&atilde;o completa dos cookies que nos enviam em cada p&aacute;gina, etc. <br />
  <strong>CSS:</strong> Podemos realizar diversas a&ccedil;&otilde;es sobre as folhas de estilo. Permite desabilit&aacute;-las da p&aacute;gina. Possibilita a visualiza&ccedil;&atilde;o das CSS existentes. Tem tamb&eacute;m uma op&ccedil;&atilde;o para editar as CSS no pr&oacute;prio Firefox e assim verificar como ficar&aacute; determinada altera&ccedil;&atilde;o. Esta altera&ccedil;&atilde;o voltar&aacute; ao original assim que a tela de edi&ccedil;&atilde;o for fechada.<br />
  <strong>Forms:</strong> Permite-nos realizar diversas a&ccedil;&otilde;es sobre formul&aacute;rios, como ressaltar e obter informa&ccedil;&atilde;o de todos seus campos. Permite limpar todos os radio buttons, mudar um campo select por um campo de texto, completar com textos todos os campos do formul&aacute;rio ou tirar os maxlength dos campos. <br />
  <strong>Images:</strong> Permite habilitar e desabilitar imagens. Mostra informa&ccedil;&otilde;es de alt, dimens&otilde;es, tamanho do arquivo e caminho (path) da imagem. Nos possibilita esconder imagens e backgrounds, nos mostra informa&ccedil;&otilde;es de todas as imagens contidas na p&aacute;gina, etc.<br />
  <strong>Information:</strong> Mostra informa&ccedil;&atilde;o de uma s&eacute;rie de elementos da p&aacute;gina. Permite ver informa&ccedil;&atilde;o sobre abrevia&ccedil;&otilde;es, &acirc;ncoras, ID&rsquo;s, classes, o tamanho do documento, a profundidade das tabelas, informa&ccedil;&otilde;es das tabelas, atributo title, informa&ccedil;&otilde;es de todas as cores, o javascript que se est&aacute; executando, informa&ccedil;&atilde;o dos links, tab index, etc.<br />
  <strong>Miscellaneous:</strong> Permite limpar dados confidenciais (cach&ecirc;, hist&oacute;rico, autentica&ccedil;&atilde;o), possibilita habilitar linhas guias, r&eacute;gua e ampliador da p&aacute;gina diretamente no navegador. Podemos tamb&eacute;m editar o c&oacute;digo HTML diretamente no browser para visualizar rapidamente como ficar&aacute; determinada altera&ccedil;&atilde;o. Esta altera&ccedil;&atilde;o voltar&aacute; ao original assim que a tela de edi&ccedil;&atilde;o for fechada.<br />
  <strong>Outline:</strong> Serve para destacar elementos da p&aacute;gina, como os links, frames, tabelas, c&eacute;lulas, divs, etc. <br />
  <strong>Resize:</strong> &Eacute; uma interessante utilidade para redimensionar a janela do navegador para uma determinada resolu&ccedil;&atilde;o pr&eacute;-definida pelo usu&aacute;rio. <br />
  <strong>Tools:</strong> Cont&eacute;m ferramentas &uacute;teis, como verificador de links, validadores de c&oacute;digo, acesso ao console de Java ou Javascript, etc. <br />
  <strong>View Source:</strong> Permite a visualiza&ccedil;&atilde;o do c&oacute;digo-fonte.</p>
<p>Por &uacute;ltimo, tamb&eacute;m disp&otilde;e de um bot&atilde;o para acessar a diversas op&ccedil;&otilde;es para configurar o comportamento do navegador ou desta extens&atilde;o.</p>
<p>Download: <a href="https://addons.mozilla.org/pt-BR/firefox/addon/60" title="https://addons.mozilla.org/pt-BR/firefox/addon/60" target="_blank">https://addons.mozilla.org/pt-BR/firefox/addon/60</a></p>
<p align="left"><a target="_blank" class="tt" href="http://twitter.com/home/?status=RT+@mmisumi:+Web+Developer+%E2%80%93+extens%C3%A3o+para+o+Firefox+http://tinyurl.com/ylkjtag" title="tweet este post"><img class="nothumb" src="http://marciomisumi.com.br/blog/wp-content/plugins/tweet-this/icons/tweet-este-post.png" alt="tweet este post" /></a></p>]]></content:encoded>
			<wfw:commentRss>http://marciomisumi.com.br/blog/2008/11/24/web-developer-extensao-para-o-firefox/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
