<?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>Erika Sarti &#124; portfolio web designer &#187; favicon</title>
	<atom:link href="http://erikasarti.net/blog/tag/favicon/feed/" rel="self" type="application/rss+xml" />
	<link>http://erikasarti.net</link>
	<description>criação de sites</description>
	<lastBuildDate>Mon, 03 Oct 2011 14:08:59 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Favicon: por que ele é importante e como fazer o seu</title>
		<link>http://erikasarti.net/blog/2009/03/favicon-como-fazer/</link>
		<comments>http://erikasarti.net/blog/2009/03/favicon-como-fazer/#comments</comments>
		<pubDate>Tue, 10 Mar 2009 15:24:47 +0000</pubDate>
		<dc:creator>Erika Sarti</dc:creator>
				<category><![CDATA[Artigos]]></category>
		<category><![CDATA[Ícones e Imagens]]></category>
		<category><![CDATA[Tutoriais]]></category>
		<category><![CDATA[favicon]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://erikasarti.net/?p=272</guid>
		<description><![CDATA[O que é um favicon, importância do ponto de vista da usabilidade e ferramentas para criar um.


Related posts:<ol><li><a href='http://erikasarti.net/blog/2007/06/favicon/' rel='bookmark' title='favicon'>favicon</a></li>
<li><a href='http://erikasarti.net/blog/2006/06/meta-tags-o-que-sao-e-como-utiliza-las/' rel='bookmark' title='Meta Tags &#8211; O que são e como utilizá-las'>Meta Tags &#8211; O que são e como utilizá-las</a></li>
<li><a href='http://erikasarti.net/blog/2008/12/como-desabilitar-as-revisoes-do-wordpress/' rel='bookmark' title='Como desabilitar as revisões do WordPress'>Como desabilitar as revisões do WordPress</a></li>
</ul>]]></description>
			<content:encoded><![CDATA[<p><img alt="" src="http://i86.photobucket.com/albums/k87/erikasarti/blog/favicons_famosos.png" title="favicons" class="alignright" width="184" height="117" />Ao olhar esta sequência de ícones, você provavelmente é capaz de lembrar de quase todos os sites a que eles se referem, não é verdade?</p>
<p>Isso porque cada um desses símbolos é o <strong>favicon</strong> (nome oriundo da combinação dos termos favorites + icon) de alguns sites bastante famosos, ou seja, o pequeno ícone que aparece ao lado da barra de endereços ou no canto da aba de navegação do navegador quando acessamos um site, ou ainda quando adicionamos um endereço aos favoritos ou à barra de links. Sua principal função está relacionada à usabilidade: elementos visuais são sempre mais fáceis de serem lembrados, e isso destaca um site no meio de outros, facilitando a navegação do usuário. Por isso, ele é sempre gerado a partir da simplificação do logotipo ou da marca do site.</p>
<p><a href="http://infowester.com/favicon.php" target="_blank">Continue lendo &#8220;Favicon: por que ele é importante e como fazer o seu&#8221; no InfoWester&#8230;</a></p>


<p>Related posts:<ol><li><a href='http://erikasarti.net/blog/2007/06/favicon/' rel='bookmark' title='favicon'>favicon</a></li>
<li><a href='http://erikasarti.net/blog/2006/06/meta-tags-o-que-sao-e-como-utiliza-las/' rel='bookmark' title='Meta Tags &#8211; O que são e como utilizá-las'>Meta Tags &#8211; O que são e como utilizá-las</a></li>
<li><a href='http://erikasarti.net/blog/2008/12/como-desabilitar-as-revisoes-do-wordpress/' rel='bookmark' title='Como desabilitar as revisões do WordPress'>Como desabilitar as revisões do WordPress</a></li>
</ul>]]></content:encoded>
			<wfw:commentRss>http://erikasarti.net/blog/2009/03/favicon-como-fazer/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>favicon</title>
		<link>http://erikasarti.net/blog/2007/06/favicon/</link>
		<comments>http://erikasarti.net/blog/2007/06/favicon/#comments</comments>
		<pubDate>Sat, 16 Jun 2007 00:47:36 +0000</pubDate>
		<dc:creator>Erika Sarti</dc:creator>
				<category><![CDATA[Novidades]]></category>
		<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Web Tools]]></category>
		<category><![CDATA[favicon]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[Usabilidade]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://erikasarti.net/blog/?p=55</guid>
		<description><![CDATA[Como eu demorei tanto pra perceber que meu portfolio precisava de um favicon com a minha cara, não sei. Duas páginas do meu site, a de acentuação em HTML e a de cores web safe, estão na barra de links do meu Firefox para acesso rápido. Sabe quando você tem um estalo e repara que [...]


Related posts:<ol><li><a href='http://erikasarti.net/blog/2009/03/favicon-como-fazer/' rel='bookmark' title='Favicon: por que ele é importante e como fazer o seu'>Favicon: por que ele é importante e como fazer o seu</a></li>
<li><a href='http://erikasarti.net/blog/2006/09/tabela-de-acentuacao-em-html/' rel='bookmark' title='Tabela de acentuação em HTML'>Tabela de acentuação em HTML</a></li>
<li><a href='http://erikasarti.net/blog/2008/04/meus-sites-favoritos-sobre-icones/' rel='bookmark' title='Meus sites favoritos sobre ícones'>Meus sites favoritos sobre ícones</a></li>
</ul>]]></description>
			<content:encoded><![CDATA[<p><img alt="" src="http://i86.photobucket.com/albums/k87/erikasarti/misc/favicon.jpg" title="favicon" class="alignright" width="32" height="32" />Como eu demorei tanto pra perceber que meu portfolio precisava de um favicon com a minha cara, não sei.</p>
<p>Duas páginas do meu site, a de <a href="http://erikasarti.net/html/acentuacao_e_caracteres_especiais.htm" target="_blank">acentuação em HTML</a> e a de <a href="http://erikasarti.net/html/tabela_de_cores_web_safe.htm" target="_blank">cores web safe</a>, estão na barra de links do meu Firefox para acesso rápido. Sabe quando você tem um estalo e repara que <i>todos</i> os outros links têm um íconezinho que torna cada atalho único?</p>
<p>Então, por que não?</p>
<p>Criei um arquivo bmp e, como não tinha nenhum programa que convertesse a imagem num arquivo .ico, acabei encontrando o <a href="http://www.html-kit.com/favicon/" target="_blank">FavIcon from Pics</a>, uma ferramenta que gera, online, seu ícone.</p>
<p>Agora, quando vocês abrirem o menu de favoritos ou olharem pra barra de links, vão ver meu atalho lá, rosa-pink-psico olhando pra vocês ;D</p>


<p>Related posts:<ol><li><a href='http://erikasarti.net/blog/2009/03/favicon-como-fazer/' rel='bookmark' title='Favicon: por que ele é importante e como fazer o seu'>Favicon: por que ele é importante e como fazer o seu</a></li>
<li><a href='http://erikasarti.net/blog/2006/09/tabela-de-acentuacao-em-html/' rel='bookmark' title='Tabela de acentuação em HTML'>Tabela de acentuação em HTML</a></li>
<li><a href='http://erikasarti.net/blog/2008/04/meus-sites-favoritos-sobre-icones/' rel='bookmark' title='Meus sites favoritos sobre ícones'>Meus sites favoritos sobre ícones</a></li>
</ul>]]></content:encoded>
			<wfw:commentRss>http://erikasarti.net/blog/2007/06/favicon/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
	</channel>
</rss>

