<?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 do Marcelo</title>
	<atom:link href="http://www.marcelooliveira.net.br/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.marcelooliveira.net.br</link>
	<description>Desenvolvimento e programação / Design e criatividade</description>
	<lastBuildDate>Fri, 30 Jul 2010 20:32:13 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Limitando número de caracteres em um textarea com jQuery</title>
		<link>http://www.marcelooliveira.net.br/jquery/limitando-numero-de-caracteres-em-um-textarea-com-jquery/</link>
		<comments>http://www.marcelooliveira.net.br/jquery/limitando-numero-de-caracteres-em-um-textarea-com-jquery/#comments</comments>
		<pubDate>Fri, 30 Jul 2010 20:30:53 +0000</pubDate>
		<dc:creator>Marcelo</dc:creator>
				<category><![CDATA[jQuery]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[limit]]></category>
		<category><![CDATA[limitando caracteres]]></category>
		<category><![CDATA[plugin]]></category>
		<category><![CDATA[textarea]]></category>
		<category><![CDATA[textbox]]></category>

		<guid isPermaLink="false">http://www.marcelooliveira.net.br/?p=255</guid>
		<description><![CDATA[E ai galera, aqui estou novamente para mostrar como  limitar o número de caracteres de um textbox ou textarea usando javaScript ou propriamente dito, jQuery.]]></description>
			<content:encoded><![CDATA[<p>E ai galera, aqui estou novamente para mostrar como  limitar o número de caracteres de um <strong>textbox </strong>ou <strong>textarea</strong> usando <strong>javaScript </strong>ou propriamente dito, <strong>jQuery</strong>. Uma demostração pode ser vista neste endereço <a href="http://www.unwrongest.com/projects/limit/#demo" target="_blank">http://www.unwrongest.com/projects/limit/#demo </a>.</p>
<p><a rel="attachment wp-att-256" href="http://www.marcelooliveira.net.br/jquery/limitando-numero-de-caracteres-em-um-textarea-com-jquery/attachment/limitando-caracteres/"><img class="aligncenter size-full wp-image-256" title="limitando-caracteres" src="http://www.marcelooliveira.net.br/wp-content/uploads/limitando-caracteres.png" alt="" width="253" height="63" /></a></p>
<p>Para começar faça o download o plugin no site <a href="http://www.unwrongest.com" target="_blank">Unwrongest</a> ou clicando <a href="http://jquery-limit.googlecode.com/files/jquery.limit-1.2.js" target="_blank">aqui</a>.</p>
<p>Em seu código HTML:</p>
<blockquote><p><code>&lt;</code><code>textarea</code> <code>id</code><code>=</code><code>"myTextarea"</code><code>&gt;&lt;/</code><code>textarea</code><code>&gt;<br />
</code><code>&lt;</code><code>span</code> <code>id</code><code>=</code><code>"charsLeft"</code><code>&gt;&lt;/</code><code>span</code><code>&gt; caracteres restantes.</code></p></blockquote>
<p>Importe o <strong>plugin jQuery</strong> e o <strong>plugin Limit</strong> em sua página, se ainda não possui o <strong>jQuery </strong>faça o download clicando <a href="http://code.jquery.com/jquery-1.4.2.min.js" target="_blank">aqui</a>:</p>
<blockquote><p><code>&lt;script </code><code>type</code><code>=</code><code>"text/javascript" src="jquery-1.4.2.js</code><code>"</code><code>&gt;&lt;/script</code><code>&gt;<br />
&lt;script </code><code>type</code><code>=</code><code>"text/javascript" src="jquery.limit-1.2.js</code><code>"</code><code>&gt;&lt;/script</code><code>&gt;</code></p></blockquote>
<p>Agora o grande final:</p>
<blockquote><p><code>&lt;script </code><code>type</code><code>=</code><code>"text/javascript"</code><code>&gt;<br />
$(document).ready(function(){<br />
$("#</code><code>myTextarea</code><code>").limit('200', '#</code><code>charsLeft</code><code>');<br />
});<br />
&lt;/script</code><code>&gt;</code></p></blockquote>
<p>Vou ficando por aqui, até a próxima!</p>


<div class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-bg-enjoy">
<ul class="socials">
		<li class="shr-comfeed">
			<a href="http://www.marcelooliveira.net.br/jquery/limitando-numero-de-caracteres-em-um-textarea-com-jquery/feed" rel="nofollow" class="external" title="Acompanhar comentários deste artigo?">Acompanhar comentários deste artigo?</a>
		</li>
		<li class="shr-delicious">
			<a href="http://delicious.com/post?url=http://www.marcelooliveira.net.br/jquery/limitando-numero-de-caracteres-em-um-textarea-com-jquery/&amp;title=Limitando+n%C3%BAmero+de+caracteres+em+um+textarea+com+jQuery" rel="nofollow" class="external" title="Compartilhar nodel.icio.us">Compartilhar nodel.icio.us</a>
		</li>
		<li class="shr-digg">
			<a href="http://digg.com/submit?phase=2&amp;url=http://www.marcelooliveira.net.br/jquery/limitando-numero-de-caracteres-em-um-textarea-com-jquery/&amp;title=Limitando+n%C3%BAmero+de+caracteres+em+um+textarea+com+jQuery" rel="nofollow" class="external" title="Digg this!">Digg this!</a>
		</li>
		<li class="shr-diigo">
			<a href="http://www.diigo.com/post?url=http://www.marcelooliveira.net.br/jquery/limitando-numero-de-caracteres-em-um-textarea-com-jquery/&amp;title=Limitando+n%C3%BAmero+de+caracteres+em+um+textarea+com+jQuery&amp;desc=E%20ai%20galera%2C%20aqui%20estou%20novamente%20para%20mostrar%20como%20%20limitar%20o%20n%C3%BAmero%20de%20caracteres%20de%20um%20textbox%20ou%20textarea%20usando%20javaScript%20ou%20propriamente%20dito%2C%20jQuery." rel="nofollow" class="external" title="Publicar noDiigo">Publicar noDiigo</a>
		</li>
		<li class="shr-googlebuzz">
			<a href="http://www.google.com/buzz/post?url=http://www.marcelooliveira.net.br/jquery/limitando-numero-de-caracteres-em-um-textarea-com-jquery/&amp;imageurl=" rel="nofollow" class="external" title="Post on Google Buzz">Post on Google Buzz</a>
		</li>
		<li class="shr-misterwong">
			<a href="http://www.mister-wong.com/addurl/?bm_url=http://www.marcelooliveira.net.br/jquery/limitando-numero-de-caracteres-em-um-textarea-com-jquery/&amp;bm_description=Limitando+n%C3%BAmero+de+caracteres+em+um+textarea+com+jQuery&amp;plugin=sexybookmarks" rel="nofollow" class="external" title="Adicionar aoMister Wong">Adicionar aoMister Wong</a>
		</li>
		<li class="shr-mixx">
			<a href="http://www.mixx.com/submit?page_url=http://www.marcelooliveira.net.br/jquery/limitando-numero-de-caracteres-em-um-textarea-com-jquery/&amp;title=Limitando+n%C3%BAmero+de+caracteres+em+um+textarea+com+jQuery" rel="nofollow" class="external" title="Compartilhar noMixx">Compartilhar noMixx</a>
		</li>
		<li class="shr-reddit">
			<a href="http://reddit.com/submit?url=http://www.marcelooliveira.net.br/jquery/limitando-numero-de-caracteres-em-um-textarea-com-jquery/&amp;title=Limitando+n%C3%BAmero+de+caracteres+em+um+textarea+com+jQuery" rel="nofollow" class="external" title="Compartilhar noReddit">Compartilhar noReddit</a>
		</li>
		<li class="shr-stumbleupon">
			<a href="http://www.stumbleupon.com/submit?url=http://www.marcelooliveira.net.br/jquery/limitando-numero-de-caracteres-em-um-textarea-com-jquery/&amp;title=Limitando+n%C3%BAmero+de+caracteres+em+um+textarea+com+jQuery" rel="nofollow" class="external" title="Encontrou algo bom? Compartilhe no StumbleUpon">Encontrou algo bom? Compartilhe no StumbleUpon</a>
		</li>
		<li class="shr-technorati">
			<a href="http://technorati.com/faves?add=http://www.marcelooliveira.net.br/jquery/limitando-numero-de-caracteres-em-um-textarea-com-jquery/" rel="nofollow" class="external" title="Compartilhar noTechnorati">Compartilhar noTechnorati</a>
		</li>
		<li class="shr-twitter">
			<a href="http://twitter.com/home?status=Limitando+n%C3%BAmero+de+caracteres+em+um+textarea+com+jQuery+-+http://bit.ly/b482NB+%28%40marandrade%29&amp;source=shareaholic" rel="nofollow" class="external" title="Tweet This!">Tweet This!</a>
		</li>
</ul>
<div style="clear:both;"></div>
</div>

]]></content:encoded>
			<wfw:commentRss>http://www.marcelooliveira.net.br/jquery/limitando-numero-de-caracteres-em-um-textarea-com-jquery/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>.Net Framework 4.0 Instalação Offline</title>
		<link>http://www.marcelooliveira.net.br/programacao/net-framework-4-0-instalacao-offline/</link>
		<comments>http://www.marcelooliveira.net.br/programacao/net-framework-4-0-instalacao-offline/#comments</comments>
		<pubDate>Mon, 26 Jul 2010 11:20:38 +0000</pubDate>
		<dc:creator>Vinicius</dc:creator>
				<category><![CDATA[Programação]]></category>
		<category><![CDATA[ASP.NET]]></category>
		<category><![CDATA[c#]]></category>
		<category><![CDATA[desenvolvimento dektop]]></category>
		<category><![CDATA[desenvolvimento web]]></category>
		<category><![CDATA[framework 4.0]]></category>

		<guid isPermaLink="false">http://www.marcelooliveira.net.br/?p=242</guid>
		<description><![CDATA[Post de estréia
Estou colocando o link direto dos ultimos frameworks disponibilizados pela microsoft:]]></description>
			<content:encoded><![CDATA[<p>Olá galera sou novo no blog e ai vai meu primeiro post de um monte que estou preparando sobre desenvolvimento web/desktop com c#.</p>
<p>Para aquela galera de sorte que nem eu, sempre tem algum cliente que ainda não tem internet no estabelecimento ou a internet é &#8220;Discada&#8221; (não dismerecendo ninguém). Estou colocando o link direto dos ultimos frameworks disponibilizados pela microsoft:</p>
<p>.Net Framework 3.0 Instalação Offline:</p>
<p><a title="Framework 3.0" href="http://www.microsoft.com/downloads/details.aspx?familyid=992cffcb-f8ce-41d9-8bd6-31f3e216285c&amp;displaylang=en" target="_blank">http://www.microsoft.com/downloads/details.aspx?familyid=992cffcb-f8ce-41d9-8bd6-31f3e216285c&amp;displaylang=en</a></p>
<p>.Net Framework 3.5 SP1 Instalação Offline:</p>
<p><a title="Framework 3.5" href="http://www.microsoft.com/downloads/details.aspx?familyid=992cffcb-f8ce-41d9-8bd6-31f3e216285c" target="_blank">http://www.microsoft.com/downloads/details.aspx?familyid=992cffcb-f8ce-41d9-8bd6-31f3e216285c</a></p>
<p>E por ultimo o mais recente .Net Framework 4.0 Instalação Offline:</p>
<p><a title="Framework 4.0" href="http://www.microsoft.com/downloads/details.aspx?FamilyID=0a391abd-25c1-4fc0-919f-b21f31ab88b7&amp;displaylang=en" target="_blank">http://www.microsoft.com/downloads/details.aspx?FamilyID=0a391abd-25c1-4fc0-919f-b21f31ab88b7&amp;displaylang=en</a></p>
<p>Isso ai é igual doença ( melhor previnir do que remediar, sempre é bom carregar no pen-drive ou naquele cd de programas de estimação)</p>
<p>Valeu galera nos proximos posts irei começar a compartilhar um pouco dos meu conhecimentosem asp .nt com c#&#8230;</p>


<div class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-bg-enjoy">
<ul class="socials">
		<li class="shr-comfeed">
			<a href="http://www.marcelooliveira.net.br/programacao/net-framework-4-0-instalacao-offline/feed" rel="nofollow" class="external" title="Acompanhar comentários deste artigo?">Acompanhar comentários deste artigo?</a>
		</li>
		<li class="shr-delicious">
			<a href="http://delicious.com/post?url=http://www.marcelooliveira.net.br/programacao/net-framework-4-0-instalacao-offline/&amp;title=.Net+Framework+4.0+Instala%C3%A7%C3%A3o+Offline" rel="nofollow" class="external" title="Compartilhar nodel.icio.us">Compartilhar nodel.icio.us</a>
		</li>
		<li class="shr-digg">
			<a href="http://digg.com/submit?phase=2&amp;url=http://www.marcelooliveira.net.br/programacao/net-framework-4-0-instalacao-offline/&amp;title=.Net+Framework+4.0+Instala%C3%A7%C3%A3o+Offline" rel="nofollow" class="external" title="Digg this!">Digg this!</a>
		</li>
		<li class="shr-diigo">
			<a href="http://www.diigo.com/post?url=http://www.marcelooliveira.net.br/programacao/net-framework-4-0-instalacao-offline/&amp;title=.Net+Framework+4.0+Instala%C3%A7%C3%A3o+Offline&amp;desc=Post%20de%20estr%C3%A9ia%0D%0AEstou%20colocando%20o%20link%20direto%20dos%20ultimos%20frameworks%20disponibilizados%20pela%20microsoft%3A" rel="nofollow" class="external" title="Publicar noDiigo">Publicar noDiigo</a>
		</li>
		<li class="shr-googlebuzz">
			<a href="http://www.google.com/buzz/post?url=http://www.marcelooliveira.net.br/programacao/net-framework-4-0-instalacao-offline/&amp;imageurl=" rel="nofollow" class="external" title="Post on Google Buzz">Post on Google Buzz</a>
		</li>
		<li class="shr-misterwong">
			<a href="http://www.mister-wong.com/addurl/?bm_url=http://www.marcelooliveira.net.br/programacao/net-framework-4-0-instalacao-offline/&amp;bm_description=.Net+Framework+4.0+Instala%C3%A7%C3%A3o+Offline&amp;plugin=sexybookmarks" rel="nofollow" class="external" title="Adicionar aoMister Wong">Adicionar aoMister Wong</a>
		</li>
		<li class="shr-mixx">
			<a href="http://www.mixx.com/submit?page_url=http://www.marcelooliveira.net.br/programacao/net-framework-4-0-instalacao-offline/&amp;title=.Net+Framework+4.0+Instala%C3%A7%C3%A3o+Offline" rel="nofollow" class="external" title="Compartilhar noMixx">Compartilhar noMixx</a>
		</li>
		<li class="shr-reddit">
			<a href="http://reddit.com/submit?url=http://www.marcelooliveira.net.br/programacao/net-framework-4-0-instalacao-offline/&amp;title=.Net+Framework+4.0+Instala%C3%A7%C3%A3o+Offline" rel="nofollow" class="external" title="Compartilhar noReddit">Compartilhar noReddit</a>
		</li>
		<li class="shr-stumbleupon">
			<a href="http://www.stumbleupon.com/submit?url=http://www.marcelooliveira.net.br/programacao/net-framework-4-0-instalacao-offline/&amp;title=.Net+Framework+4.0+Instala%C3%A7%C3%A3o+Offline" rel="nofollow" class="external" title="Encontrou algo bom? Compartilhe no StumbleUpon">Encontrou algo bom? Compartilhe no StumbleUpon</a>
		</li>
		<li class="shr-technorati">
			<a href="http://technorati.com/faves?add=http://www.marcelooliveira.net.br/programacao/net-framework-4-0-instalacao-offline/" rel="nofollow" class="external" title="Compartilhar noTechnorati">Compartilhar noTechnorati</a>
		</li>
		<li class="shr-twitter">
			<a href="http://twitter.com/home?status=.Net+Framework+4.0+Instala%C3%A7%C3%A3o+Offline+-+http://bit.ly/cLsWSP+%28%40marandrade%29&amp;source=shareaholic" rel="nofollow" class="external" title="Tweet This!">Tweet This!</a>
		</li>
</ul>
<div style="clear:both;"></div>
</div>

]]></content:encoded>
			<wfw:commentRss>http://www.marcelooliveira.net.br/programacao/net-framework-4-0-instalacao-offline/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>10 Novos Recursos e Tutoriais para UI Designers e Developers</title>
		<link>http://www.marcelooliveira.net.br/jquery/10-novos-recursos-e-tutoriais-para-ui-designers-e-developers/</link>
		<comments>http://www.marcelooliveira.net.br/jquery/10-novos-recursos-e-tutoriais-para-ui-designers-e-developers/#comments</comments>
		<pubDate>Sat, 17 Jul 2010 08:33:02 +0000</pubDate>
		<dc:creator>Marcelo</dc:creator>
				<category><![CDATA[jQuery]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://www.marcelooliveira.net.br/?p=228</guid>
		<description><![CDATA[O Pedro Magalhães da Webgrafismo fez uma lista com os 10 novos recursos para UI Designers e Developers sobre desenho e desenvolvimento de interfaces, e o melhor, todos os recursos são gratuitos. nesta lista ele mostra recursos para animações, galeria de imagens, efeito de interações em botões, pop-ups para notificações, preloading de imagens, substituição de fontes, entre outros. Segue abaixo alguns itens da lista de Pedro Magalhães: Panning Slideshow com jQuery Demonstração: http://s3.amazonaws.com/buildinternet/live-tutorials/panning-slideshow/panning-slideshow.htm Menu de [...]]]></description>
			<content:encoded><![CDATA[<p>O <a href="http://www.webgrafismo.com/author/admin/" target="_blank">Pedro Magalhães</a> da <a href="http://www.webgrafismo.com/" target="_blank">Webgrafismo </a>fez uma lista com os 10 novos recursos para <strong>UI Designers</strong> e <strong>Developers</strong> sobre desenho e desenvolvimento de interfaces, e o melhor, todos os recursos são gratuitos. nesta lista ele mostra recursos para animações, galeria de imagens, efeito de interações em botões, pop-ups para notificações, preloading de imagens, substituição de fontes, entre outros.</p>
<p>Segue abaixo alguns itens da lista de Pedro Magalhães:</p>
<p><strong>Panning Slideshow com jQuery</strong></p>
<p><a rel="attachment wp-att-231" href="http://www.marcelooliveira.net.br/jquery/10-novos-recursos-e-tutoriais-para-ui-designers-e-developers/attachment/jquery-panning-slideshow/"><img class="aligncenter size-full wp-image-231" title="jquery-panning-slideshow" src="http://www.marcelooliveira.net.br/wp-content/uploads/jquery-panning-slideshow.jpg" alt="" width="538" height="303" /></a>Demonstração: <a href="http://s3.amazonaws.com/buildinternet/live-tutorials/panning-slideshow/panning-slideshow.htm" target="_blank">http://s3.amazonaws.com/buildinternet/live-tutorials/panning-slideshow/panning-slideshow.htm</a></p>
<p><strong>Menu de Navegação com Sprites e jQuery estilo Dragon Interactive</strong></p>
<p><a rel="attachment wp-att-229" href="http://www.marcelooliveira.net.br/jquery/10-novos-recursos-e-tutoriais-para-ui-designers-e-developers/attachment/jquery-menu-dragon-interactive/"><img class="aligncenter size-full wp-image-229" title="jquery-menu-dragon-interactive" src="http://www.marcelooliveira.net.br/wp-content/uploads/jquery-menu-dragon-interactive.jpg" alt="" width="538" height="72" /></a></p>
<p>Demonstração: <a href="http://nettuts.s3.cdn.plus.org/512_dragon/demo/index.html" target="_blank">http://nettuts.s3.cdn.plus.org/512_dragon/demo/index.html</a></p>
<p><strong>Slideshow 3D em Flash e XML</strong></p>
<p><a rel="attachment wp-att-230" href="http://www.marcelooliveira.net.br/jquery/10-novos-recursos-e-tutoriais-para-ui-designers-e-developers/attachment/3d-flash-xml-slideshow/"><img class="aligncenter size-full wp-image-230" title="3d-flash-xml-slideshow" src="http://www.marcelooliveira.net.br/wp-content/uploads/3d-flash-xml-slideshow.jpg" alt="" width="525" height="210" /></a>Demonstração: <a href="http://www.progressivered.com/cu3er/" target="_blank">http://www.progressivered.com/cu3er/</a></p>
<p>Veja o artigo completo em <a href="http://www.webgrafismo.com/tutoriais/jquery/recursos-tutoriais-user-interface-design-development/">http://www.webgrafismo.com/tutoriais/jquery/recursos-tutoriais-user-interface-design-development/</a></p>


<div class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-bg-enjoy">
<ul class="socials">
		<li class="shr-comfeed">
			<a href="http://www.marcelooliveira.net.br/jquery/10-novos-recursos-e-tutoriais-para-ui-designers-e-developers/feed" rel="nofollow" class="external" title="Acompanhar comentários deste artigo?">Acompanhar comentários deste artigo?</a>
		</li>
		<li class="shr-delicious">
			<a href="http://delicious.com/post?url=http://www.marcelooliveira.net.br/jquery/10-novos-recursos-e-tutoriais-para-ui-designers-e-developers/&amp;title=10+Novos+Recursos+e+Tutoriais+para+UI+Designers+e+Developers" rel="nofollow" class="external" title="Compartilhar nodel.icio.us">Compartilhar nodel.icio.us</a>
		</li>
		<li class="shr-digg">
			<a href="http://digg.com/submit?phase=2&amp;url=http://www.marcelooliveira.net.br/jquery/10-novos-recursos-e-tutoriais-para-ui-designers-e-developers/&amp;title=10+Novos+Recursos+e+Tutoriais+para+UI+Designers+e+Developers" rel="nofollow" class="external" title="Digg this!">Digg this!</a>
		</li>
		<li class="shr-diigo">
			<a href="http://www.diigo.com/post?url=http://www.marcelooliveira.net.br/jquery/10-novos-recursos-e-tutoriais-para-ui-designers-e-developers/&amp;title=10+Novos+Recursos+e+Tutoriais+para+UI+Designers+e+Developers&amp;desc=O%20Pedro%20Magalh%C3%A3es%20da%20Webgrafismo%20fez%20uma%20lista%20com%20os%2010%20novos%20recursos%20para%20UI%20Designers%20e%20Developers%20sobre%20desenho%20e%20desenvolvimento%20de%20interfaces%2C%20e%20o%20melhor%2C%20todos%20os%20recursos%20s%C3%A3o%20gratuitos.%20nesta%20lista%20ele%20mostra%20recursos%20para%20anima%C3%A7%C3%B5es%2C%20galeria%20de%20imagens%2C%20efeito%20de%20intera%C3%A7%C3%B5es%20em%20bot%C3%B5es" rel="nofollow" class="external" title="Publicar noDiigo">Publicar noDiigo</a>
		</li>
		<li class="shr-googlebuzz">
			<a href="http://www.google.com/buzz/post?url=http://www.marcelooliveira.net.br/jquery/10-novos-recursos-e-tutoriais-para-ui-designers-e-developers/&amp;imageurl=" rel="nofollow" class="external" title="Post on Google Buzz">Post on Google Buzz</a>
		</li>
		<li class="shr-misterwong">
			<a href="http://www.mister-wong.com/addurl/?bm_url=http://www.marcelooliveira.net.br/jquery/10-novos-recursos-e-tutoriais-para-ui-designers-e-developers/&amp;bm_description=10+Novos+Recursos+e+Tutoriais+para+UI+Designers+e+Developers&amp;plugin=sexybookmarks" rel="nofollow" class="external" title="Adicionar aoMister Wong">Adicionar aoMister Wong</a>
		</li>
		<li class="shr-mixx">
			<a href="http://www.mixx.com/submit?page_url=http://www.marcelooliveira.net.br/jquery/10-novos-recursos-e-tutoriais-para-ui-designers-e-developers/&amp;title=10+Novos+Recursos+e+Tutoriais+para+UI+Designers+e+Developers" rel="nofollow" class="external" title="Compartilhar noMixx">Compartilhar noMixx</a>
		</li>
		<li class="shr-reddit">
			<a href="http://reddit.com/submit?url=http://www.marcelooliveira.net.br/jquery/10-novos-recursos-e-tutoriais-para-ui-designers-e-developers/&amp;title=10+Novos+Recursos+e+Tutoriais+para+UI+Designers+e+Developers" rel="nofollow" class="external" title="Compartilhar noReddit">Compartilhar noReddit</a>
		</li>
		<li class="shr-stumbleupon">
			<a href="http://www.stumbleupon.com/submit?url=http://www.marcelooliveira.net.br/jquery/10-novos-recursos-e-tutoriais-para-ui-designers-e-developers/&amp;title=10+Novos+Recursos+e+Tutoriais+para+UI+Designers+e+Developers" rel="nofollow" class="external" title="Encontrou algo bom? Compartilhe no StumbleUpon">Encontrou algo bom? Compartilhe no StumbleUpon</a>
		</li>
		<li class="shr-technorati">
			<a href="http://technorati.com/faves?add=http://www.marcelooliveira.net.br/jquery/10-novos-recursos-e-tutoriais-para-ui-designers-e-developers/" rel="nofollow" class="external" title="Compartilhar noTechnorati">Compartilhar noTechnorati</a>
		</li>
		<li class="shr-twitter">
			<a href="http://twitter.com/home?status=10+Novos+Recursos+e+Tutoriais+para+UI+Designers+e+Developers+-+http://bit.ly/cINafQ+%28%40marandrade%29&amp;source=shareaholic" rel="nofollow" class="external" title="Tweet This!">Tweet This!</a>
		</li>
</ul>
<div style="clear:both;"></div>
</div>

]]></content:encoded>
			<wfw:commentRss>http://www.marcelooliveira.net.br/jquery/10-novos-recursos-e-tutoriais-para-ui-designers-e-developers/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Menu Accordion em jQuery e CSS3</title>
		<link>http://www.marcelooliveira.net.br/jquery/menu-accordion-em-jquery-e-css3/</link>
		<comments>http://www.marcelooliveira.net.br/jquery/menu-accordion-em-jquery-e-css3/#comments</comments>
		<pubDate>Sat, 17 Jul 2010 08:06:48 +0000</pubDate>
		<dc:creator>Marcelo</dc:creator>
				<category><![CDATA[jQuery]]></category>
		<category><![CDATA[accordion]]></category>
		<category><![CDATA[acordeão]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[css3]]></category>
		<category><![CDATA[Menu Accordion]]></category>
		<category><![CDATA[plugins]]></category>
		<category><![CDATA[Plugins jQuery]]></category>

		<guid isPermaLink="false">http://www.marcelooliveira.net.br/?p=223</guid>
		<description><![CDATA[A codrops refez um efeito bastante interessante utilizando a biblioteca jQuery e CSS3, conhecido como Accordion ou simplesmente Acordeão. Neste tutorial a codrops mostra como aplicar o efeito de hover para animar listas no interior de um elemento HTML como a DIV por exemplo, bem como adicionar efeitos de fade in/out e slide down/up. Veja um exemplo: http://tympanus.net/Tutorials/ElegantAccordion/ Tutorial: http://tympanus.net/codrops/2010/04/26/elegant-accordion-with-jquery-and-css3/ Acompanhar comentários deste artigo? Compartilhar nodel.icio.us Digg this! Publicar noDiigo Post on Google Buzz Adicionar [...]]]></description>
			<content:encoded><![CDATA[<p>A <a title="Codrops" href="http://tympanus.net/codrops/" target="_blank">codrops </a>refez um efeito bastante interessante utilizando a biblioteca <strong>jQuery </strong>e <strong>CSS3</strong>, conhecido como <strong>Accordion </strong>ou simplesmente <strong>Acordeão</strong>. Neste tutorial a codrops mostra como aplicar o efeito de <strong>hover </strong>para animar listas no interior de um elemento <strong>HTML </strong>como a <strong>DIV </strong>por exemplo, bem como adicionar efeitos de <strong>fade in/out</strong> e <strong>slide down/up</strong>.</p>
<p><a rel="attachment wp-att-225" href="http://www.marcelooliveira.net.br/jquery/menu-accordion-em-jquery-e-css3/attachment/elegantacc/"><img class="aligncenter size-full wp-image-225" title="elegantacc" src="http://www.marcelooliveira.net.br/wp-content/uploads/elegantacc.png" alt="Menu Accordion" width="580" height="362" /></a></p>
<p>Veja um exemplo: <a title="Menu Accordion" href="http://tympanus.net/Tutorials/ElegantAccordion/" target="_blank">http://tympanus.net/Tutorials/ElegantAccordion/</a><br />
Tutorial: <a href="http://tympanus.net/codrops/2010/04/26/elegant-accordion-with-jquery-and-css3/">http://tympanus.net/codrops/2010/04/26/elegant-accordion-with-jquery-and-css3/</a></p>


<div class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-bg-enjoy">
<ul class="socials">
		<li class="shr-comfeed">
			<a href="http://www.marcelooliveira.net.br/jquery/menu-accordion-em-jquery-e-css3/feed" rel="nofollow" class="external" title="Acompanhar comentários deste artigo?">Acompanhar comentários deste artigo?</a>
		</li>
		<li class="shr-delicious">
			<a href="http://delicious.com/post?url=http://www.marcelooliveira.net.br/jquery/menu-accordion-em-jquery-e-css3/&amp;title=Menu+Accordion+em+jQuery+e+CSS3" rel="nofollow" class="external" title="Compartilhar nodel.icio.us">Compartilhar nodel.icio.us</a>
		</li>
		<li class="shr-digg">
			<a href="http://digg.com/submit?phase=2&amp;url=http://www.marcelooliveira.net.br/jquery/menu-accordion-em-jquery-e-css3/&amp;title=Menu+Accordion+em+jQuery+e+CSS3" rel="nofollow" class="external" title="Digg this!">Digg this!</a>
		</li>
		<li class="shr-diigo">
			<a href="http://www.diigo.com/post?url=http://www.marcelooliveira.net.br/jquery/menu-accordion-em-jquery-e-css3/&amp;title=Menu+Accordion+em+jQuery+e+CSS3&amp;desc=A%20codrops%20refez%20um%20efeito%20bastante%20interessante%20utilizando%20a%20biblioteca%20jQuery%20e%20CSS3%2C%20conhecido%20como%20Accordion%20ou%20simplesmente%20Acorde%C3%A3o.%20Neste%20tutorial%20a%20codrops%20mostra%20como%20aplicar%20o%20efeito%20de%20hover%20para%20animar%20listas%20no%20interior%20de%20um%20elemento%20HTML%20como%20a%20DIV%20por%20exemplo%2C%20bem%20como%20adicionar%20efei" rel="nofollow" class="external" title="Publicar noDiigo">Publicar noDiigo</a>
		</li>
		<li class="shr-googlebuzz">
			<a href="http://www.google.com/buzz/post?url=http://www.marcelooliveira.net.br/jquery/menu-accordion-em-jquery-e-css3/&amp;imageurl=" rel="nofollow" class="external" title="Post on Google Buzz">Post on Google Buzz</a>
		</li>
		<li class="shr-misterwong">
			<a href="http://www.mister-wong.com/addurl/?bm_url=http://www.marcelooliveira.net.br/jquery/menu-accordion-em-jquery-e-css3/&amp;bm_description=Menu+Accordion+em+jQuery+e+CSS3&amp;plugin=sexybookmarks" rel="nofollow" class="external" title="Adicionar aoMister Wong">Adicionar aoMister Wong</a>
		</li>
		<li class="shr-mixx">
			<a href="http://www.mixx.com/submit?page_url=http://www.marcelooliveira.net.br/jquery/menu-accordion-em-jquery-e-css3/&amp;title=Menu+Accordion+em+jQuery+e+CSS3" rel="nofollow" class="external" title="Compartilhar noMixx">Compartilhar noMixx</a>
		</li>
		<li class="shr-reddit">
			<a href="http://reddit.com/submit?url=http://www.marcelooliveira.net.br/jquery/menu-accordion-em-jquery-e-css3/&amp;title=Menu+Accordion+em+jQuery+e+CSS3" rel="nofollow" class="external" title="Compartilhar noReddit">Compartilhar noReddit</a>
		</li>
		<li class="shr-stumbleupon">
			<a href="http://www.stumbleupon.com/submit?url=http://www.marcelooliveira.net.br/jquery/menu-accordion-em-jquery-e-css3/&amp;title=Menu+Accordion+em+jQuery+e+CSS3" rel="nofollow" class="external" title="Encontrou algo bom? Compartilhe no StumbleUpon">Encontrou algo bom? Compartilhe no StumbleUpon</a>
		</li>
		<li class="shr-technorati">
			<a href="http://technorati.com/faves?add=http://www.marcelooliveira.net.br/jquery/menu-accordion-em-jquery-e-css3/" rel="nofollow" class="external" title="Compartilhar noTechnorati">Compartilhar noTechnorati</a>
		</li>
		<li class="shr-twitter">
			<a href="http://twitter.com/home?status=Menu+Accordion+em+jQuery+e+CSS3+-+http://bit.ly/afcOR7+%28%40marandrade%29&amp;source=shareaholic" rel="nofollow" class="external" title="Tweet This!">Tweet This!</a>
		</li>
</ul>
<div style="clear:both;"></div>
</div>

]]></content:encoded>
			<wfw:commentRss>http://www.marcelooliveira.net.br/jquery/menu-accordion-em-jquery-e-css3/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Função SOUNDEX e DIFFERENCE do SQL Server</title>
		<link>http://www.marcelooliveira.net.br/banco-de-dados/sql-server/funcao-soundex-e-difference-do-sql-server/</link>
		<comments>http://www.marcelooliveira.net.br/banco-de-dados/sql-server/funcao-soundex-e-difference-do-sql-server/#comments</comments>
		<pubDate>Fri, 16 Jul 2010 01:36:28 +0000</pubDate>
		<dc:creator>Marcelo</dc:creator>
				<category><![CDATA[SQL Server]]></category>
		<category><![CDATA[Banco de dados]]></category>
		<category><![CDATA[data bases]]></category>
		<category><![CDATA[MSSQL]]></category>
		<category><![CDATA[SQL]]></category>

		<guid isPermaLink="false">http://www.marcelooliveira.net.br/?p=217</guid>
		<description><![CDATA[Você manda periodicamente um informativo por email para todos os contatos cadastrados em uma tabela de contatos, com nome e email. Só que você tem notado que muitos emails voltam  por erro de digitação na hora do cadastro, produzindo algo como HOITMAIL ao invéz de HOTMAIL por exemplo. Você precisa corrigir isso, mas como fazer ? Há duas funções no SQL que podem nos ajudar muito nesse caso. SOUNDEX e DIFFERENCE. Ambas avaliam semelhança de [...]]]></description>
			<content:encoded><![CDATA[<p>Você manda periodicamente um informativo por email para todos os contatos cadastrados em uma tabela de contatos, com nome e email. Só que você tem notado que muitos emails voltam  por erro de digitação na hora do cadastro, produzindo algo como HOITMAIL ao invéz de HOTMAIL por exemplo. Você precisa corrigir isso, mas como fazer ?</p>
<p>Há duas funções no <strong>SQL </strong>que podem nos ajudar muito nesse caso. <strong>SOUNDEX </strong>e <strong>DIFFERENCE</strong>.<br />
Ambas avaliam semelhança de strings.</p>
<p><strong>Usando SOUNDEX</strong><br />
A sintaxe é essa :</p>
<blockquote><p>
SELECT * FROM TABELA<br />
WHERE SOUNDEX( COLUNA ) = SOUNDEX( &#8216;VALOR A COMPARAR&#8217; )</p></blockquote>
<p><strong>Usando DIFFERENCE</strong><br />
A sintaxe :</p>
<blockquote><p>
SELECT * FROM TABELA<br />
WHERE DIFFERENCE( COLUNA, &#8216;VALOR A COMPARAR&#8217; ) = NIVEL DE SIMILARIDADE</p></blockquote>
<p>Para mais detalhes acesse bog do <a title="Marcelo Ramos" href="http://www.marceloramos.net/Blog/post/2009/05/30/Pesquisando-por-Similaridade-com-as-funcoes-SOUNDEX-e-DIFFERENCE-do-SQL-Server.aspx" target="_blank">Marcelo Ramos</a>.</p>


<div class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-bg-enjoy">
<ul class="socials">
		<li class="shr-comfeed">
			<a href="http://www.marcelooliveira.net.br/banco-de-dados/sql-server/funcao-soundex-e-difference-do-sql-server/feed" rel="nofollow" class="external" title="Acompanhar comentários deste artigo?">Acompanhar comentários deste artigo?</a>
		</li>
		<li class="shr-delicious">
			<a href="http://delicious.com/post?url=http://www.marcelooliveira.net.br/banco-de-dados/sql-server/funcao-soundex-e-difference-do-sql-server/&amp;title=Fun%C3%A7%C3%A3o+SOUNDEX+e+DIFFERENCE+do+SQL+Server+" rel="nofollow" class="external" title="Compartilhar nodel.icio.us">Compartilhar nodel.icio.us</a>
		</li>
		<li class="shr-digg">
			<a href="http://digg.com/submit?phase=2&amp;url=http://www.marcelooliveira.net.br/banco-de-dados/sql-server/funcao-soundex-e-difference-do-sql-server/&amp;title=Fun%C3%A7%C3%A3o+SOUNDEX+e+DIFFERENCE+do+SQL+Server+" rel="nofollow" class="external" title="Digg this!">Digg this!</a>
		</li>
		<li class="shr-diigo">
			<a href="http://www.diigo.com/post?url=http://www.marcelooliveira.net.br/banco-de-dados/sql-server/funcao-soundex-e-difference-do-sql-server/&amp;title=Fun%C3%A7%C3%A3o+SOUNDEX+e+DIFFERENCE+do+SQL+Server+&amp;desc=Voc%C3%AA%20manda%20periodicamente%20um%20informativo%20por%20email%20para%20todos%20os%20contatos%20cadastrados%20em%20uma%20tabela%20de%20contatos%2C%20com%20nome%20e%20email.%20S%C3%B3%20que%20voc%C3%AA%20tem%20notado%20que%20muitos%20emails%20voltam%20%C2%A0por%20erro%20de%20digita%C3%A7%C3%A3o%20na%20hora%20do%20cadastro%2C%20produzindo%20algo%20como%20HOITMAIL%20ao%20inv%C3%A9z%20de%20HOTMAIL%20por%20exemplo.%20Voc%C3%AA%20p" rel="nofollow" class="external" title="Publicar noDiigo">Publicar noDiigo</a>
		</li>
		<li class="shr-googlebuzz">
			<a href="http://www.google.com/buzz/post?url=http://www.marcelooliveira.net.br/banco-de-dados/sql-server/funcao-soundex-e-difference-do-sql-server/&amp;imageurl=" rel="nofollow" class="external" title="Post on Google Buzz">Post on Google Buzz</a>
		</li>
		<li class="shr-misterwong">
			<a href="http://www.mister-wong.com/addurl/?bm_url=http://www.marcelooliveira.net.br/banco-de-dados/sql-server/funcao-soundex-e-difference-do-sql-server/&amp;bm_description=Fun%C3%A7%C3%A3o+SOUNDEX+e+DIFFERENCE+do+SQL+Server+&amp;plugin=sexybookmarks" rel="nofollow" class="external" title="Adicionar aoMister Wong">Adicionar aoMister Wong</a>
		</li>
		<li class="shr-mixx">
			<a href="http://www.mixx.com/submit?page_url=http://www.marcelooliveira.net.br/banco-de-dados/sql-server/funcao-soundex-e-difference-do-sql-server/&amp;title=Fun%C3%A7%C3%A3o+SOUNDEX+e+DIFFERENCE+do+SQL+Server+" rel="nofollow" class="external" title="Compartilhar noMixx">Compartilhar noMixx</a>
		</li>
		<li class="shr-reddit">
			<a href="http://reddit.com/submit?url=http://www.marcelooliveira.net.br/banco-de-dados/sql-server/funcao-soundex-e-difference-do-sql-server/&amp;title=Fun%C3%A7%C3%A3o+SOUNDEX+e+DIFFERENCE+do+SQL+Server+" rel="nofollow" class="external" title="Compartilhar noReddit">Compartilhar noReddit</a>
		</li>
		<li class="shr-stumbleupon">
			<a href="http://www.stumbleupon.com/submit?url=http://www.marcelooliveira.net.br/banco-de-dados/sql-server/funcao-soundex-e-difference-do-sql-server/&amp;title=Fun%C3%A7%C3%A3o+SOUNDEX+e+DIFFERENCE+do+SQL+Server+" rel="nofollow" class="external" title="Encontrou algo bom? Compartilhe no StumbleUpon">Encontrou algo bom? Compartilhe no StumbleUpon</a>
		</li>
		<li class="shr-technorati">
			<a href="http://technorati.com/faves?add=http://www.marcelooliveira.net.br/banco-de-dados/sql-server/funcao-soundex-e-difference-do-sql-server/" rel="nofollow" class="external" title="Compartilhar noTechnorati">Compartilhar noTechnorati</a>
		</li>
		<li class="shr-twitter">
			<a href="http://twitter.com/home?status=Fun%C3%A7%C3%A3o+SOUNDEX+e+DIFFERENCE+do+SQL+Server++-+http://bit.ly/cXVD5E+%28%40marandrade%29&amp;source=shareaholic" rel="nofollow" class="external" title="Tweet This!">Tweet This!</a>
		</li>
</ul>
<div style="clear:both;"></div>
</div>

]]></content:encoded>
			<wfw:commentRss>http://www.marcelooliveira.net.br/banco-de-dados/sql-server/funcao-soundex-e-difference-do-sql-server/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Regular Expressions &#8211; Retirando Tags HTML de uma String com asp.net c#</title>
		<link>http://www.marcelooliveira.net.br/programacao/asp-net/regular-expressions-retirando-tags-html-de-uma-string-com-asp-net-c/</link>
		<comments>http://www.marcelooliveira.net.br/programacao/asp-net/regular-expressions-retirando-tags-html-de-uma-string-com-asp-net-c/#comments</comments>
		<pubDate>Tue, 13 Jul 2010 03:46:52 +0000</pubDate>
		<dc:creator>Marcelo</dc:creator>
				<category><![CDATA[ASP.NET]]></category>
		<category><![CDATA[c#]]></category>
		<category><![CDATA[CSharp]]></category>
		<category><![CDATA[Expressões Regulares]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Regular Expressions]]></category>

		<guid isPermaLink="false">http://www.marcelooliveira.net.br/?p=211</guid>
		<description><![CDATA[Como fazer para limpar as tags HTML da string de modo que só fiquemos com o texto ? Simples, basta usar as Regular Expression ou Expressões Regulares. Para este pequeno artigo, vamos utilizar c#. Para começar, vamos usar a seguinte string:  &#8220;&#60;span&#62;&#60;b&#62;ASP.NET&#60;/b&#62;&#60;/span&#62;&#8221;. E para retirart as tags HTML vamos usar o Regex.Replace que faz parte do namespace System.Text.RegularExpressions. Sua utilização fica assim: string Html = &#8220;&#60;span&#62;&#60;b&#62;ASP.NET&#60;/b&#62;&#60;/span&#62;&#8221;; string TextoPuro = Regex.Replace( Html, @&#8221;&#60;(.&#124;\n)*?&#62;&#8221;, string.Empty ); É [...]]]></description>
			<content:encoded><![CDATA[<p>Como fazer para limpar as tags <strong>HTML</strong> da string de modo que só fiquemos com o texto ?</p>
<p>Simples, basta usar as <strong>Regular Expression</strong> ou <strong>Expressões Regulares</strong>. Para este pequeno artigo, vamos utilizar c#.</p>
<p>Para começar, vamos usar a seguinte string:  <em>&#8220;&lt;span&gt;&lt;b&gt;ASP.NET&lt;/b&gt;&lt;/span&gt;&#8221;. </em>E para retirart as tags <strong>HTML</strong><em> </em>vamos usar o <em>Regex.Replace</em> que faz parte do namespace System.Text.RegularExpressions. Sua utilização fica assim:</p>
<blockquote><p><span style="color: #0000ff;">string </span>Html = <span style="color: #800000;">&#8220;&lt;span&gt;&lt;b&gt;ASP.NET&lt;/b&gt;&lt;/span&gt;&#8221;</span>;<br />
<span style="color: #0000ff;">string </span>TextoPuro = <span style="color: #00ccff;">Regex</span>.Replace( Html, <span style="color: #993300;">@&#8221;&lt;(.|\n)*?&gt;&#8221;</span>, <span style="color: #0000ff;">string</span>.Empty );</p></blockquote>
<p>É isso pessoal, até a próxima.<em><br />
</em></p>


<div class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-bg-enjoy">
<ul class="socials">
		<li class="shr-comfeed">
			<a href="http://www.marcelooliveira.net.br/programacao/asp-net/regular-expressions-retirando-tags-html-de-uma-string-com-asp-net-c/feed" rel="nofollow" class="external" title="Acompanhar comentários deste artigo?">Acompanhar comentários deste artigo?</a>
		</li>
		<li class="shr-delicious">
			<a href="http://delicious.com/post?url=http://www.marcelooliveira.net.br/programacao/asp-net/regular-expressions-retirando-tags-html-de-uma-string-com-asp-net-c/&amp;title=Regular+Expressions+-+Retirando+Tags+HTML+de+uma+String+com+asp.net+c%23" rel="nofollow" class="external" title="Compartilhar nodel.icio.us">Compartilhar nodel.icio.us</a>
		</li>
		<li class="shr-digg">
			<a href="http://digg.com/submit?phase=2&amp;url=http://www.marcelooliveira.net.br/programacao/asp-net/regular-expressions-retirando-tags-html-de-uma-string-com-asp-net-c/&amp;title=Regular+Expressions+-+Retirando+Tags+HTML+de+uma+String+com+asp.net+c%23" rel="nofollow" class="external" title="Digg this!">Digg this!</a>
		</li>
		<li class="shr-diigo">
			<a href="http://www.diigo.com/post?url=http://www.marcelooliveira.net.br/programacao/asp-net/regular-expressions-retirando-tags-html-de-uma-string-com-asp-net-c/&amp;title=Regular+Expressions+-+Retirando+Tags+HTML+de+uma+String+com+asp.net+c%23&amp;desc=Como%20fazer%20para%20limpar%20as%20tags%20HTML%20da%20string%20de%20modo%20que%20s%C3%B3%20fiquemos%20com%20o%20texto%20%3F%0D%0A%0D%0ASimples%2C%20basta%20usar%20as%20Regular%20Expression%20ou%20Express%C3%B5es%20Regulares.%20Para%20este%20pequeno%20artigo%2C%20vamos%20utilizar%20c%23.%0D%0A%0D%0APara%20come%C3%A7ar%2C%20vamos%20usar%20a%20seguinte%20string%3A%C2%A0%20%22%26lt%3Bspan%26gt%3B%26lt%3Bb%26gt%3BASP.NET%26lt%3B%2Fb%26gt%3B%26lt%3B%2Fspan%26" rel="nofollow" class="external" title="Publicar noDiigo">Publicar noDiigo</a>
		</li>
		<li class="shr-googlebuzz">
			<a href="http://www.google.com/buzz/post?url=http://www.marcelooliveira.net.br/programacao/asp-net/regular-expressions-retirando-tags-html-de-uma-string-com-asp-net-c/&amp;imageurl=" rel="nofollow" class="external" title="Post on Google Buzz">Post on Google Buzz</a>
		</li>
		<li class="shr-misterwong">
			<a href="http://www.mister-wong.com/addurl/?bm_url=http://www.marcelooliveira.net.br/programacao/asp-net/regular-expressions-retirando-tags-html-de-uma-string-com-asp-net-c/&amp;bm_description=Regular+Expressions+-+Retirando+Tags+HTML+de+uma+String+com+asp.net+c%23&amp;plugin=sexybookmarks" rel="nofollow" class="external" title="Adicionar aoMister Wong">Adicionar aoMister Wong</a>
		</li>
		<li class="shr-mixx">
			<a href="http://www.mixx.com/submit?page_url=http://www.marcelooliveira.net.br/programacao/asp-net/regular-expressions-retirando-tags-html-de-uma-string-com-asp-net-c/&amp;title=Regular+Expressions+-+Retirando+Tags+HTML+de+uma+String+com+asp.net+c%23" rel="nofollow" class="external" title="Compartilhar noMixx">Compartilhar noMixx</a>
		</li>
		<li class="shr-reddit">
			<a href="http://reddit.com/submit?url=http://www.marcelooliveira.net.br/programacao/asp-net/regular-expressions-retirando-tags-html-de-uma-string-com-asp-net-c/&amp;title=Regular+Expressions+-+Retirando+Tags+HTML+de+uma+String+com+asp.net+c%23" rel="nofollow" class="external" title="Compartilhar noReddit">Compartilhar noReddit</a>
		</li>
		<li class="shr-stumbleupon">
			<a href="http://www.stumbleupon.com/submit?url=http://www.marcelooliveira.net.br/programacao/asp-net/regular-expressions-retirando-tags-html-de-uma-string-com-asp-net-c/&amp;title=Regular+Expressions+-+Retirando+Tags+HTML+de+uma+String+com+asp.net+c%23" rel="nofollow" class="external" title="Encontrou algo bom? Compartilhe no StumbleUpon">Encontrou algo bom? Compartilhe no StumbleUpon</a>
		</li>
		<li class="shr-technorati">
			<a href="http://technorati.com/faves?add=http://www.marcelooliveira.net.br/programacao/asp-net/regular-expressions-retirando-tags-html-de-uma-string-com-asp-net-c/" rel="nofollow" class="external" title="Compartilhar noTechnorati">Compartilhar noTechnorati</a>
		</li>
		<li class="shr-twitter">
			<a href="http://twitter.com/home?status=Regular+Expressions+-+Retirando+Tags+HTML+de+uma+String+com+asp.net+c%23+-+http://bit.ly/dzubhE+%28%40marandrade%29&amp;source=shareaholic" rel="nofollow" class="external" title="Tweet This!">Tweet This!</a>
		</li>
</ul>
<div style="clear:both;"></div>
</div>

]]></content:encoded>
			<wfw:commentRss>http://www.marcelooliveira.net.br/programacao/asp-net/regular-expressions-retirando-tags-html-de-uma-string-com-asp-net-c/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Mozilla libera primeiro beta do Firefox 4</title>
		<link>http://www.marcelooliveira.net.br/internet/mozilla-libera-primeiro-beta-do-firefox-4/</link>
		<comments>http://www.marcelooliveira.net.br/internet/mozilla-libera-primeiro-beta-do-firefox-4/#comments</comments>
		<pubDate>Thu, 08 Jul 2010 03:35:00 +0000</pubDate>
		<dc:creator>Marcelo</dc:creator>
				<category><![CDATA[Internet]]></category>
		<category><![CDATA[Browsers]]></category>
		<category><![CDATA[Firefox]]></category>
		<category><![CDATA[Mozilla]]></category>
		<category><![CDATA[Navegadores]]></category>

		<guid isPermaLink="false">http://www.marcelooliveira.net.br/?p=151</guid>
		<description><![CDATA[A Mozilla lançou a primeira versão de testes da próxima grande atualização do navegador da companhia, também conhecido como Firefox 4 beta 1. O destaque fica por conta do visual renovado, que ainda carece de alguns ajustes, mas já da um gostinho do que está por vir. Por baixo dos panos também há mudanças que merecem ser citadas, como: suporte ao codec de vídeo WebM, motor Gecko 2.0, novo gerenciados de plug-ins e extensões, e [...]]]></description>
			<content:encoded><![CDATA[<p>A <strong>Mozilla </strong>lançou a primeira versão de testes da próxima grande  atualização do navegador da companhia, também conhecido como <strong>Firefox 4  beta 1</strong>. O destaque fica por conta do visual renovado, que ainda carece  de alguns ajustes, mas já da um gostinho do que está por vir.</p>
<p><a rel="attachment wp-att-152" href="http://www.marcelooliveira.net.br/internet/mozilla-libera-primeiro-beta-do-firefox-4/attachment/screen-tab-location/"></a><a rel="attachment wp-att-152" href="http://www.marcelooliveira.net.br/internet/mozilla-libera-primeiro-beta-do-firefox-4/attachment/screen-tab-location/"><img class="alignnone size-full wp-image-152" title="screen-tab-location" src="http://www.marcelooliveira.net.br/wp-content/uploads/screen-tab-location.png" alt="Mozzila Firefox 4 beta 1" width="468" height="121" /></a></p>
<p>Por baixo dos panos também há mudanças que merecem ser citadas, como:  suporte ao codec de vídeo WebM, motor Gecko 2.0, novo gerenciados de  plug-ins e extensões, e muitas outras novidades que você só vai  descobrir testando o <strong>Firefox 4 beta</strong>.</p>
<p>O download, disponível para Windows, Linux e Mac OS, e mais informações  sobre a próxima versão do <strong>Firefox </strong>podem ser encontrados <a href="http://www.mozilla.com/en-US/firefox/beta/" target="_blank">nessa  página</a>. Não custa reforçar: trata-se de um programa beta, com bugs  que devem ser reportados.</p>
<p>A versão final do <strong>Firefox 4</strong>, se tudo correr como planejado, deve ser  lançada até o final do ano.</p>


<div class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-bg-enjoy">
<ul class="socials">
		<li class="shr-comfeed">
			<a href="http://www.marcelooliveira.net.br/internet/mozilla-libera-primeiro-beta-do-firefox-4/feed" rel="nofollow" class="external" title="Acompanhar comentários deste artigo?">Acompanhar comentários deste artigo?</a>
		</li>
		<li class="shr-delicious">
			<a href="http://delicious.com/post?url=http://www.marcelooliveira.net.br/internet/mozilla-libera-primeiro-beta-do-firefox-4/&amp;title=Mozilla+libera+primeiro+beta+do+Firefox+4" rel="nofollow" class="external" title="Compartilhar nodel.icio.us">Compartilhar nodel.icio.us</a>
		</li>
		<li class="shr-digg">
			<a href="http://digg.com/submit?phase=2&amp;url=http://www.marcelooliveira.net.br/internet/mozilla-libera-primeiro-beta-do-firefox-4/&amp;title=Mozilla+libera+primeiro+beta+do+Firefox+4" rel="nofollow" class="external" title="Digg this!">Digg this!</a>
		</li>
		<li class="shr-diigo">
			<a href="http://www.diigo.com/post?url=http://www.marcelooliveira.net.br/internet/mozilla-libera-primeiro-beta-do-firefox-4/&amp;title=Mozilla+libera+primeiro+beta+do+Firefox+4&amp;desc=A%20Mozilla%20lan%C3%A7ou%20a%20primeira%20vers%C3%A3o%20de%20testes%20da%20pr%C3%B3xima%20grande%20%20atualiza%C3%A7%C3%A3o%20do%20navegador%20da%20companhia%2C%20tamb%C3%A9m%20conhecido%20como%20Firefox%204%20%20beta%201.%20O%20destaque%20fica%20por%20conta%20do%20visual%20renovado%2C%20que%20ainda%20carece%20%20de%20alguns%20ajustes%2C%20mas%20j%C3%A1%20da%20um%20gostinho%20do%20que%20est%C3%A1%20por%20vir.%0D%0A%0D%0A%0D%0A%0D%0APor%20baixo%20dos%20p" rel="nofollow" class="external" title="Publicar noDiigo">Publicar noDiigo</a>
		</li>
		<li class="shr-googlebuzz">
			<a href="http://www.google.com/buzz/post?url=http://www.marcelooliveira.net.br/internet/mozilla-libera-primeiro-beta-do-firefox-4/&amp;imageurl=" rel="nofollow" class="external" title="Post on Google Buzz">Post on Google Buzz</a>
		</li>
		<li class="shr-misterwong">
			<a href="http://www.mister-wong.com/addurl/?bm_url=http://www.marcelooliveira.net.br/internet/mozilla-libera-primeiro-beta-do-firefox-4/&amp;bm_description=Mozilla+libera+primeiro+beta+do+Firefox+4&amp;plugin=sexybookmarks" rel="nofollow" class="external" title="Adicionar aoMister Wong">Adicionar aoMister Wong</a>
		</li>
		<li class="shr-mixx">
			<a href="http://www.mixx.com/submit?page_url=http://www.marcelooliveira.net.br/internet/mozilla-libera-primeiro-beta-do-firefox-4/&amp;title=Mozilla+libera+primeiro+beta+do+Firefox+4" rel="nofollow" class="external" title="Compartilhar noMixx">Compartilhar noMixx</a>
		</li>
		<li class="shr-reddit">
			<a href="http://reddit.com/submit?url=http://www.marcelooliveira.net.br/internet/mozilla-libera-primeiro-beta-do-firefox-4/&amp;title=Mozilla+libera+primeiro+beta+do+Firefox+4" rel="nofollow" class="external" title="Compartilhar noReddit">Compartilhar noReddit</a>
		</li>
		<li class="shr-stumbleupon">
			<a href="http://www.stumbleupon.com/submit?url=http://www.marcelooliveira.net.br/internet/mozilla-libera-primeiro-beta-do-firefox-4/&amp;title=Mozilla+libera+primeiro+beta+do+Firefox+4" rel="nofollow" class="external" title="Encontrou algo bom? Compartilhe no StumbleUpon">Encontrou algo bom? Compartilhe no StumbleUpon</a>
		</li>
		<li class="shr-technorati">
			<a href="http://technorati.com/faves?add=http://www.marcelooliveira.net.br/internet/mozilla-libera-primeiro-beta-do-firefox-4/" rel="nofollow" class="external" title="Compartilhar noTechnorati">Compartilhar noTechnorati</a>
		</li>
		<li class="shr-twitter">
			<a href="http://twitter.com/home?status=Mozilla+libera+primeiro+beta+do+Firefox+4+-+http://bit.ly/chXLLW+%28%40marandrade%29&amp;source=shareaholic" rel="nofollow" class="external" title="Tweet This!">Tweet This!</a>
		</li>
</ul>
<div style="clear:both;"></div>
</div>

]]></content:encoded>
			<wfw:commentRss>http://www.marcelooliveira.net.br/internet/mozilla-libera-primeiro-beta-do-firefox-4/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Google Font API</title>
		<link>http://www.marcelooliveira.net.br/design/css/google-font-api/</link>
		<comments>http://www.marcelooliveira.net.br/design/css/google-font-api/#comments</comments>
		<pubDate>Wed, 30 Jun 2010 02:53:01 +0000</pubDate>
		<dc:creator>Marcelo</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[API]]></category>
		<category><![CDATA[Font]]></category>
		<category><![CDATA[Font API.]]></category>
		<category><![CDATA[fontes]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[Google Font API]]></category>
		<category><![CDATA[Google Font Directory]]></category>
		<category><![CDATA[hrtml]]></category>
		<category><![CDATA[WebFont Loader]]></category>

		<guid isPermaLink="false">http://www.marcelooliveira.net.br/?p=139</guid>
		<description><![CDATA[O Google lançou seu diretório com fontes para web em alta qualidade para serem usados através da Google Font API. A Google Font API foi criada para auxiliar o uso de fontes em qualquer página web independentemente do navegador que é usado. Veja algumas vantagens: Economia de Banda; Fácil de usar; Suporte para estilos; Não é necessária a conversão para o formato suportado pelo IE; Fontes Open Source. Google Font Directory A Google também criou [...]]]></description>
			<content:encoded><![CDATA[<p>O <strong>Google </strong>lançou seu diretório com fontes para web em alta qualidade para serem usados através da <strong>Google Font API.</strong></p>
<p>A <strong>Google Font API</strong> foi criada para auxiliar o uso de fontes em qualquer página web independentemente do navegador que é usado. Veja algumas vantagens:</p>
<ul>
<li>Economia de Banda;</li>
<li>Fácil de usar;</li>
<li>Suporte para estilos;</li>
<li>Não é necessária a conversão  para o formato suportado pelo IE;</li>
<li>Fontes Open Source.</li>
</ul>
<p><strong>Google Font Directory</strong></p>
<p>A Google também criou o Google Font Directory, um catálogo de fontes de alta qualidade para quem utiliza a Font API, basta escolher uma fonte e copiar o código. As fontes do diretório são open source e podem ser usadas em qualquer projeto comercial ou não comercial. <a title="Diretório de fontes Google" href="http://code.google.com/webfonts" target="_self">Confira as fontes disponíveis</a>.</p>
<p><strong>Na prática</strong></p>
<p>Tudo é muito bom e bonito, mas como usar? Além de bom e bonito, é muito mais fácil do que se imagina, segue um código de exemplo:</p>
<pre class="brush: xml">
<div>
<blockquote>
<pre><code>&lt;html&gt;
  &lt;head&gt;
    &lt;link </code><code>rel='stylesheet' type='text/css'</code><code>
href='http://fonts.googleapis.com/css?family=Josefin+Sans+Std+Light'&gt;
    &lt;style&gt;
      h1 {
        font-family: 'Josefin Sans Std Light', serif;
        font-size: 48px;
      }
    &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
    &lt;h1&gt;Google Font API + Google Font Directory!&lt;/h1&gt;
  &lt;/body&gt;
&lt;/html&gt;</code></pre>
</blockquote>
</div>
</pre>
<p>Para saber quais estilos a fonte suporta, consulte a fonte no <a title="Google Font Directory" href="http://code.google.com/webfonts" target="_blank">Google Font Directory</a></p>
<p><strong>WebFont Loader</strong></p>
<p>O <strong>WebFont Loader</strong> é uma biblioteca em JavaScript que permite ter mais controle sobre o carregamento da <strong>Font API</strong>. Vamos ver um exemplo na prática:</p>
<div>
<blockquote>
<pre><code>&lt;html&gt;
  &lt;head&gt;
    &lt;script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js"&gt;
    &lt;/script&gt;
    &lt;script type="text/javascript"&gt;
      WebFont.load({
        google: {
          families: [ 'Tangerine', 'Cantarell' ]
        }
      });
    &lt;/script&gt;
    &lt;style type="text/css"&gt;
      .wf-inactive p {
        font-family: serif
      }
      .wf-active p {
        font-family: 'Tangerine', serif
      }
      .wf-inactive h1 {
        font-family: serif;
        font-size: 16px
      }
      .wf-active h1 {
        font-family: 'Cantarell', serif;
        font-size: 16px
      }
    &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
    &lt;h1&gt;Usando Cantarell&lt;/h1&gt;
    &lt;p&gt;Usando Tangerine!&lt;/p&gt;
  &lt;/body&gt;
&lt;/html&gt;</code></pre>
</blockquote>
</div>
<p>Esse exemplo exibe o texto no padrão serif e, após carregar as fontes, exibe o texto nas fontes especificadas. Também é possível usar o <strong>WebFont Loader</strong> com o <a title="Google AJAX API" href="http://code.google.com/intl/pt-BR/apis/ajax/" target="_blank">Google AJAX API</a>. Para saber mais sobre o <strong>WebFont Loader</strong>, <a title="WebFont Loader" href="http://code.google.com/intl/pt-BR/apis/webfonts/docs/webfont_loader.html" target="_blank">clique aqui</a>.</p>


<div class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-bg-enjoy">
<ul class="socials">
		<li class="shr-comfeed">
			<a href="http://www.marcelooliveira.net.br/design/css/google-font-api/feed" rel="nofollow" class="external" title="Acompanhar comentários deste artigo?">Acompanhar comentários deste artigo?</a>
		</li>
		<li class="shr-delicious">
			<a href="http://delicious.com/post?url=http://www.marcelooliveira.net.br/design/css/google-font-api/&amp;title=Google+Font+API" rel="nofollow" class="external" title="Compartilhar nodel.icio.us">Compartilhar nodel.icio.us</a>
		</li>
		<li class="shr-digg">
			<a href="http://digg.com/submit?phase=2&amp;url=http://www.marcelooliveira.net.br/design/css/google-font-api/&amp;title=Google+Font+API" rel="nofollow" class="external" title="Digg this!">Digg this!</a>
		</li>
		<li class="shr-diigo">
			<a href="http://www.diigo.com/post?url=http://www.marcelooliveira.net.br/design/css/google-font-api/&amp;title=Google+Font+API&amp;desc=O%20Google%20lan%C3%A7ou%20seu%20diret%C3%B3rio%20com%20fontes%20para%20web%20em%20alta%20qualidade%20para%20serem%20usados%20atrav%C3%A9s%20da%20Google%20Font%20API.%0D%0A%0D%0AA%20Google%20Font%20API%20foi%20criada%20para%20auxiliar%20o%20uso%20de%20fontes%20em%20qualquer%20p%C3%A1gina%20web%20independentemente%20do%20navegador%20que%20%C3%A9%20usado.%20Veja%20algumas%20vantagens%3A%0D%0A%0D%0A%09Economia%20de%20Banda%3B%0D%0A%09F%C3%A1" rel="nofollow" class="external" title="Publicar noDiigo">Publicar noDiigo</a>
		</li>
		<li class="shr-googlebuzz">
			<a href="http://www.google.com/buzz/post?url=http://www.marcelooliveira.net.br/design/css/google-font-api/&amp;imageurl=" rel="nofollow" class="external" title="Post on Google Buzz">Post on Google Buzz</a>
		</li>
		<li class="shr-misterwong">
			<a href="http://www.mister-wong.com/addurl/?bm_url=http://www.marcelooliveira.net.br/design/css/google-font-api/&amp;bm_description=Google+Font+API&amp;plugin=sexybookmarks" rel="nofollow" class="external" title="Adicionar aoMister Wong">Adicionar aoMister Wong</a>
		</li>
		<li class="shr-mixx">
			<a href="http://www.mixx.com/submit?page_url=http://www.marcelooliveira.net.br/design/css/google-font-api/&amp;title=Google+Font+API" rel="nofollow" class="external" title="Compartilhar noMixx">Compartilhar noMixx</a>
		</li>
		<li class="shr-reddit">
			<a href="http://reddit.com/submit?url=http://www.marcelooliveira.net.br/design/css/google-font-api/&amp;title=Google+Font+API" rel="nofollow" class="external" title="Compartilhar noReddit">Compartilhar noReddit</a>
		</li>
		<li class="shr-stumbleupon">
			<a href="http://www.stumbleupon.com/submit?url=http://www.marcelooliveira.net.br/design/css/google-font-api/&amp;title=Google+Font+API" rel="nofollow" class="external" title="Encontrou algo bom? Compartilhe no StumbleUpon">Encontrou algo bom? Compartilhe no StumbleUpon</a>
		</li>
		<li class="shr-technorati">
			<a href="http://technorati.com/faves?add=http://www.marcelooliveira.net.br/design/css/google-font-api/" rel="nofollow" class="external" title="Compartilhar noTechnorati">Compartilhar noTechnorati</a>
		</li>
		<li class="shr-twitter">
			<a href="http://twitter.com/home?status=Google+Font+API+-+http://bit.ly/aoIipg+%28%40marandrade%29&amp;source=shareaholic" rel="nofollow" class="external" title="Tweet This!">Tweet This!</a>
		</li>
</ul>
<div style="clear:both;"></div>
</div>

]]></content:encoded>
			<wfw:commentRss>http://www.marcelooliveira.net.br/design/css/google-font-api/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Microsoft anuncia novo Windows Live Essentials beta – baixe agora!</title>
		<link>http://www.marcelooliveira.net.br/internet/microsoft-anuncia-novo-windows-live-essentials-beta-baixe-agora/</link>
		<comments>http://www.marcelooliveira.net.br/internet/microsoft-anuncia-novo-windows-live-essentials-beta-baixe-agora/#comments</comments>
		<pubDate>Fri, 25 Jun 2010 18:12:17 +0000</pubDate>
		<dc:creator>Marcelo</dc:creator>
				<category><![CDATA[Internet]]></category>
		<category><![CDATA[Messenger]]></category>
		<category><![CDATA[Microsoft]]></category>
		<category><![CDATA[MSN]]></category>
		<category><![CDATA[Windows Live Essentialis]]></category>

		<guid isPermaLink="false">http://www.marcelooliveira.net.br/?p=135</guid>
		<description><![CDATA[A Microsoft anunciou ontem o lançamento da fase de teste público do novo Windows Live Essentials, também conhecido como Wave 4. Há algumas semanas os serviços baseados na internet do Windows Live foram atualizados para a “nova onda”, ou estão em processo de atualização, como é o caso do Live Hotmail. Se você está ansioso para testar os novos recursos do Windows Live Messenger, Photo Gallery, Movie Maker, Mail e Writer, corra para o endereço [...]]]></description>
			<content:encoded><![CDATA[<p>A Microsoft <a title="Windows Live" href="http://windowsteamblog.com/windows_live/b/windowslive/archive/2010/06/23/announcing-the-new-windows-live-essentials-beta.aspx" target="_blank">anunciou </a>ontem o lançamento da fase de teste público do novo <strong>Windows Live Essentials</strong>, também conhecido como Wave 4. Há algumas semanas os serviços baseados na internet do <strong>Windows Live</strong> foram atualizados para a “nova onda”, ou estão em processo de atualização, como é o caso do Live Hotmail.</p>
<p><a rel="attachment wp-att-136" href="http://www.marcelooliveira.net.br/internet/microsoft-anuncia-novo-windows-live-essentials-beta-baixe-agora/attachment/6278-essentials_5f00_beta_5f00_download_5f00_2_5f00_6e7c8f1e/"><img class="alignnone size-full wp-image-136" title="6278.Essentials_5F00_Beta_5F00_download_5F00_2_5F00_6E7C8F1E" src="http://www.marcelooliveira.net.br/wp-content/uploads/6278.Essentials_5F00_Beta_5F00_download_5F00_2_5F00_6E7C8F1E.png" alt="" width="446" height="144" /></a></p>
<p>Se você está ansioso para testar os novos recursos do <strong>Windows Live Messenger</strong>, Photo Gallery, Movie Maker, Mail e Writer, corra para o endereço <a title="Windows Live Essentials" href="http://explore.live.com/windows-live-essentials-beta" target="_blank">http://explore.live.com/windows-live-essentials-beta</a> e baixe a nova versão do <strong>Essentials</strong>, mas só faça isso se você usa o Windows Vista ou 7. Usuários do veterano sistema operacional da Microsoft, o Windows XP, ficaram de fora dessa vez.</p>


<div class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-bg-enjoy">
<ul class="socials">
		<li class="shr-comfeed">
			<a href="http://www.marcelooliveira.net.br/internet/microsoft-anuncia-novo-windows-live-essentials-beta-baixe-agora/feed" rel="nofollow" class="external" title="Acompanhar comentários deste artigo?">Acompanhar comentários deste artigo?</a>
		</li>
		<li class="shr-delicious">
			<a href="http://delicious.com/post?url=http://www.marcelooliveira.net.br/internet/microsoft-anuncia-novo-windows-live-essentials-beta-baixe-agora/&amp;title=Microsoft+anuncia+novo+Windows+Live+Essentials+beta+%E2%80%93+baixe+agora%21" rel="nofollow" class="external" title="Compartilhar nodel.icio.us">Compartilhar nodel.icio.us</a>
		</li>
		<li class="shr-digg">
			<a href="http://digg.com/submit?phase=2&amp;url=http://www.marcelooliveira.net.br/internet/microsoft-anuncia-novo-windows-live-essentials-beta-baixe-agora/&amp;title=Microsoft+anuncia+novo+Windows+Live+Essentials+beta+%E2%80%93+baixe+agora%21" rel="nofollow" class="external" title="Digg this!">Digg this!</a>
		</li>
		<li class="shr-diigo">
			<a href="http://www.diigo.com/post?url=http://www.marcelooliveira.net.br/internet/microsoft-anuncia-novo-windows-live-essentials-beta-baixe-agora/&amp;title=Microsoft+anuncia+novo+Windows+Live+Essentials+beta+%E2%80%93+baixe+agora%21&amp;desc=A%20Microsoft%20anunciou%20ontem%20o%20lan%C3%A7amento%20da%20fase%20de%20teste%20p%C3%BAblico%20do%20novo%20Windows%20Live%20Essentials%2C%20tamb%C3%A9m%20conhecido%20como%20Wave%204.%20H%C3%A1%20algumas%20semanas%20os%20servi%C3%A7os%20baseados%20na%20internet%20do%20Windows%20Live%20foram%20atualizados%20para%20a%20%E2%80%9Cnova%20onda%E2%80%9D%2C%20ou%20est%C3%A3o%20em%20processo%20de%20atualiza%C3%A7%C3%A3o%2C%20como%20%C3%A9%20o%20caso%20do" rel="nofollow" class="external" title="Publicar noDiigo">Publicar noDiigo</a>
		</li>
		<li class="shr-googlebuzz">
			<a href="http://www.google.com/buzz/post?url=http://www.marcelooliveira.net.br/internet/microsoft-anuncia-novo-windows-live-essentials-beta-baixe-agora/&amp;imageurl=" rel="nofollow" class="external" title="Post on Google Buzz">Post on Google Buzz</a>
		</li>
		<li class="shr-misterwong">
			<a href="http://www.mister-wong.com/addurl/?bm_url=http://www.marcelooliveira.net.br/internet/microsoft-anuncia-novo-windows-live-essentials-beta-baixe-agora/&amp;bm_description=Microsoft+anuncia+novo+Windows+Live+Essentials+beta+%E2%80%93+baixe+agora%21&amp;plugin=sexybookmarks" rel="nofollow" class="external" title="Adicionar aoMister Wong">Adicionar aoMister Wong</a>
		</li>
		<li class="shr-mixx">
			<a href="http://www.mixx.com/submit?page_url=http://www.marcelooliveira.net.br/internet/microsoft-anuncia-novo-windows-live-essentials-beta-baixe-agora/&amp;title=Microsoft+anuncia+novo+Windows+Live+Essentials+beta+%E2%80%93+baixe+agora%21" rel="nofollow" class="external" title="Compartilhar noMixx">Compartilhar noMixx</a>
		</li>
		<li class="shr-reddit">
			<a href="http://reddit.com/submit?url=http://www.marcelooliveira.net.br/internet/microsoft-anuncia-novo-windows-live-essentials-beta-baixe-agora/&amp;title=Microsoft+anuncia+novo+Windows+Live+Essentials+beta+%E2%80%93+baixe+agora%21" rel="nofollow" class="external" title="Compartilhar noReddit">Compartilhar noReddit</a>
		</li>
		<li class="shr-stumbleupon">
			<a href="http://www.stumbleupon.com/submit?url=http://www.marcelooliveira.net.br/internet/microsoft-anuncia-novo-windows-live-essentials-beta-baixe-agora/&amp;title=Microsoft+anuncia+novo+Windows+Live+Essentials+beta+%E2%80%93+baixe+agora%21" rel="nofollow" class="external" title="Encontrou algo bom? Compartilhe no StumbleUpon">Encontrou algo bom? Compartilhe no StumbleUpon</a>
		</li>
		<li class="shr-technorati">
			<a href="http://technorati.com/faves?add=http://www.marcelooliveira.net.br/internet/microsoft-anuncia-novo-windows-live-essentials-beta-baixe-agora/" rel="nofollow" class="external" title="Compartilhar noTechnorati">Compartilhar noTechnorati</a>
		</li>
		<li class="shr-twitter">
			<a href="http://twitter.com/home?status=Microsoft+anuncia+novo+Windows+Live+Essentials+beta+%E2%80%93+baixe+agora%21+-+http://bit.ly/9NNnfj+%28%40marandrade%29&amp;source=shareaholic" rel="nofollow" class="external" title="Tweet This!">Tweet This!</a>
		</li>
</ul>
<div style="clear:both;"></div>
</div>

]]></content:encoded>
			<wfw:commentRss>http://www.marcelooliveira.net.br/internet/microsoft-anuncia-novo-windows-live-essentials-beta-baixe-agora/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Scrollable Thumbs Menu com jQuery</title>
		<link>http://www.marcelooliveira.net.br/jquery/scrollable-thumbs-menu-com-jquery/</link>
		<comments>http://www.marcelooliveira.net.br/jquery/scrollable-thumbs-menu-com-jquery/#comments</comments>
		<pubDate>Tue, 11 May 2010 17:19:25 +0000</pubDate>
		<dc:creator>Marcelo</dc:creator>
				<category><![CDATA[jQuery]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://www.marcelooliveira.net.br/?p=123</guid>
		<description><![CDATA[Tutorial bem interessante sobre menu dropdown, que é acionado quando se passa o mouse por cima, a idéia deste tutorial é ter um menu fixo na parte inferior da página e deixar um menu vertical de imagens aparecem quando passar o mouse sobre um item do menu inferior. Os itens do menu são roláveis movendo o mouse para cima e para baixo, que faz um efeito muito bonito. Neste tutorial terá um pouco des CSS3. [...]]]></description>
			<content:encoded><![CDATA[<p><a rel="attachment wp-att-131" href="http://www.marcelooliveira.net.br/jquery/scrollable-thumbs-menu-com-jquery/attachment/scrollablethumbs/"><img class="alignnone size-medium wp-image-131" title="scrollableThumbs" src="http://www.marcelooliveira.net.br/wp-content/uploads/scrollableThumbs-300x162.jpg" alt="" width="300" height="162" /></a></p>
<p>Tutorial bem interessante sobre menu dropdown, que é acionado quando se passa o mouse por cima, a idéia deste tutorial é ter um menu fixo na parte inferior da página e deixar um menu  vertical de imagens aparecem quando passar o mouse sobre um item do menu inferior. Os itens do menu são roláveis movendo o mouse para cima e  para baixo, que faz um efeito muito bonito. Neste tutorial terá um pouco des CSS3.</p>
<p>Veja uma demonstração: <a href="http://tympanus.net/Tutorials/ScrollingThumbs/" target="_self">http://tympanus.net/Tutorials/ScrollingThumbs/</a></p>
<p>Para visualizar o tutorial acesse: <a title="Codrops" href="http://tympanus.net/codrops/" target="_self">http://tympanus.net/codrops/</a></p>


<div class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-bg-enjoy">
<ul class="socials">
		<li class="shr-comfeed">
			<a href="http://www.marcelooliveira.net.br/jquery/scrollable-thumbs-menu-com-jquery/feed" rel="nofollow" class="external" title="Acompanhar comentários deste artigo?">Acompanhar comentários deste artigo?</a>
		</li>
		<li class="shr-delicious">
			<a href="http://delicious.com/post?url=http://www.marcelooliveira.net.br/jquery/scrollable-thumbs-menu-com-jquery/&amp;title=Scrollable+Thumbs+Menu+com+jQuery" rel="nofollow" class="external" title="Compartilhar nodel.icio.us">Compartilhar nodel.icio.us</a>
		</li>
		<li class="shr-digg">
			<a href="http://digg.com/submit?phase=2&amp;url=http://www.marcelooliveira.net.br/jquery/scrollable-thumbs-menu-com-jquery/&amp;title=Scrollable+Thumbs+Menu+com+jQuery" rel="nofollow" class="external" title="Digg this!">Digg this!</a>
		</li>
		<li class="shr-diigo">
			<a href="http://www.diigo.com/post?url=http://www.marcelooliveira.net.br/jquery/scrollable-thumbs-menu-com-jquery/&amp;title=Scrollable+Thumbs+Menu+com+jQuery&amp;desc=%0D%0A%0D%0ATutorial%20bem%20interessante%20sobre%20menu%20dropdown%2C%20que%20%C3%A9%20acionado%20quando%20se%20passa%20o%20mouse%20por%20cima%2C%20a%20id%C3%A9ia%20deste%20tutorial%20%C3%A9%20ter%20um%20menu%20fixo%20na%20parte%20inferior%20da%20p%C3%A1gina%20e%20deixar%20um%20menu%20%20vertical%20de%20imagens%20aparecem%20quando%20passar%20o%20mouse%20sobre%20um%20item%20do%20menu%20inferior.%20Os%20itens%20do%20menu%20s%C3%A3o%20rol" rel="nofollow" class="external" title="Publicar noDiigo">Publicar noDiigo</a>
		</li>
		<li class="shr-googlebuzz">
			<a href="http://www.google.com/buzz/post?url=http://www.marcelooliveira.net.br/jquery/scrollable-thumbs-menu-com-jquery/&amp;imageurl=" rel="nofollow" class="external" title="Post on Google Buzz">Post on Google Buzz</a>
		</li>
		<li class="shr-misterwong">
			<a href="http://www.mister-wong.com/addurl/?bm_url=http://www.marcelooliveira.net.br/jquery/scrollable-thumbs-menu-com-jquery/&amp;bm_description=Scrollable+Thumbs+Menu+com+jQuery&amp;plugin=sexybookmarks" rel="nofollow" class="external" title="Adicionar aoMister Wong">Adicionar aoMister Wong</a>
		</li>
		<li class="shr-mixx">
			<a href="http://www.mixx.com/submit?page_url=http://www.marcelooliveira.net.br/jquery/scrollable-thumbs-menu-com-jquery/&amp;title=Scrollable+Thumbs+Menu+com+jQuery" rel="nofollow" class="external" title="Compartilhar noMixx">Compartilhar noMixx</a>
		</li>
		<li class="shr-reddit">
			<a href="http://reddit.com/submit?url=http://www.marcelooliveira.net.br/jquery/scrollable-thumbs-menu-com-jquery/&amp;title=Scrollable+Thumbs+Menu+com+jQuery" rel="nofollow" class="external" title="Compartilhar noReddit">Compartilhar noReddit</a>
		</li>
		<li class="shr-stumbleupon">
			<a href="http://www.stumbleupon.com/submit?url=http://www.marcelooliveira.net.br/jquery/scrollable-thumbs-menu-com-jquery/&amp;title=Scrollable+Thumbs+Menu+com+jQuery" rel="nofollow" class="external" title="Encontrou algo bom? Compartilhe no StumbleUpon">Encontrou algo bom? Compartilhe no StumbleUpon</a>
		</li>
		<li class="shr-technorati">
			<a href="http://technorati.com/faves?add=http://www.marcelooliveira.net.br/jquery/scrollable-thumbs-menu-com-jquery/" rel="nofollow" class="external" title="Compartilhar noTechnorati">Compartilhar noTechnorati</a>
		</li>
		<li class="shr-twitter">
			<a href="http://twitter.com/home?status=Scrollable+Thumbs+Menu+com+jQuery+-+http://bit.ly/bcNerI+%28%40marandrade%29&amp;source=shareaholic" rel="nofollow" class="external" title="Tweet This!">Tweet This!</a>
		</li>
</ul>
<div style="clear:both;"></div>
</div>

]]></content:encoded>
			<wfw:commentRss>http://www.marcelooliveira.net.br/jquery/scrollable-thumbs-menu-com-jquery/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
