<?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>Wallace Erick</title>
	<atom:link href="http://wallaceerick.com.br/web-design-blog/feed/" rel="self" type="application/rss+xml" />
	<link>http://wallaceerick.com.br/web-design-blog</link>
	<description>&#039;...por uma internet mais bonita &#38; um código clean e semântico...&#039;</description>
	<lastBuildDate>Sat, 22 Jan 2011 21:28:46 +0000</lastBuildDate>
	<language>br</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Sweet Thumbnails Preview Gallery</title>
		<link>http://wallaceerick.com.br/web-design-blog/sweet-thumbnails-preview-gallery/</link>
		<comments>http://wallaceerick.com.br/web-design-blog/sweet-thumbnails-preview-gallery/#comments</comments>
		<pubDate>Sat, 22 Jan 2011 21:26:45 +0000</pubDate>
		<dc:creator>Wallace</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[codrops]]></category>
		<category><![CDATA[gallery]]></category>
		<category><![CDATA[preview]]></category>
		<category><![CDATA[sweet]]></category>
		<category><![CDATA[thumbnails]]></category>
		<category><![CDATA[tympanus]]></category>

		<guid isPermaLink="false">http://wallaceerick.com.br/web-design-blog/?p=1057</guid>
		<description><![CDATA[Galeria de imagens com jQuery que mostra uma prévia de cada imagem. A idéia é passar o mouse sobre os pontos de controle e fazer a thumb aparecer. Ao clicar em um dos pontos, sua respectiva imagem irá deslizar pelo lado direito ou esquerdo, dependendo da imagem visualizada no momento. Ver demo de Sweet Thumbnails [...]]]></description>
			<content:encoded><![CDATA[<p><img src="/web-design-blog/images/sweet-thumbnails.jpg" alt="Sweet Thumbnails Preview Gallery" title="Sweet Thumbnails Preview Gallery" /><br />
<br />
Galeria de imagens com jQuery que mostra uma prévia de cada imagem. A idéia é passar o mouse sobre os pontos de controle e fazer a thumb aparecer. Ao clicar em um dos pontos, sua respectiva imagem irá deslizar pelo lado direito ou esquerdo, dependendo da imagem visualizada no momento.</p>
<p><a class="post-demo" href="http://tympanus.net/Tutorials/SweetThumbnails/" target="_blank" title="Ver demo de Sweet Thumbnails Preview Gallery">Ver demo de Sweet Thumbnails Preview Gallery</a></p>
<p><a class="post-download" href="http://tympanus.net/Tutorials/SweetThumbnails/SweetThumbnails.zip" title="Download de Sweet Thumbnails Preview Gallery">Download de Sweet Thumbnails Preview Gallery</a></p>
<p><br class="clear" /></p>
<p><strong>Fonte:</strong> <a href="http://tympanus.net/codrops/2011/01/19/sweet-thumbnails-gallery/" title="Codrops" target="_blank">Codrops</a> </p>
]]></content:encoded>
			<wfw:commentRss>http://wallaceerick.com.br/web-design-blog/sweet-thumbnails-preview-gallery/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Símbolo do São Paulo F.C feito com CSS3</title>
		<link>http://wallaceerick.com.br/web-design-blog/simbolo-do-sao-paulo-f-c-feito-com-css3/</link>
		<comments>http://wallaceerick.com.br/web-design-blog/simbolo-do-sao-paulo-f-c-feito-com-css3/#comments</comments>
		<pubDate>Wed, 01 Sep 2010 02:23:44 +0000</pubDate>
		<dc:creator>Wallace</dc:creator>
				<category><![CDATA[Artigos]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[css3]]></category>
		<category><![CDATA[futebol]]></category>
		<category><![CDATA[paulo]]></category>
		<category><![CDATA[são]]></category>
		<category><![CDATA[spfc]]></category>

		<guid isPermaLink="false">http://wallaceerick.com.br/web-design-blog/?p=1025</guid>
		<description><![CDATA[Esse é meu primeiro experimento feito com CSS3, como todos sabem só os navegadores mais novos aceitam, destaque para Chrome que além de ficar certo, aceita as animações e para o Firefox que só não aceita as animações, por enquanto! ^^ Tenho certeza que nem todos vendo esse post são São Paulinos, mas levem pelo [...]]]></description>
			<content:encoded><![CDATA[<p><img src="/web-design-blog/images/spfc.jpg" alt="Símbolo do São Paulo F.C feito com CSS3" title="Símbolo do São Paulo F.C feito com CSS3" /><br />
<br />
Esse é meu primeiro experimento feito com CSS3, como todos sabem só os navegadores mais novos aceitam, destaque para Chrome que além de ficar certo, aceita as animações e para o Firefox que só não aceita as animações, por enquanto!  ^^</p>
<p>Tenho certeza que nem todos vendo esse post são São Paulinos, mas levem pelo lado profissional da coisa, hahaha!</p>
<p>Enfim, espero que isso ajude de alguma forma vocês!</p>
<p><a class="post-demo" href="http://www.wallaceerick.com.br/web-design-blog/examples/simbolo-do-spfc-utilizando-somente-css3" target="_blank" title="Ver demo de Símbolo do São Paulo F.C feito com CSS3">Ver demo de Símbolo do São Paulo F.C feito com CSS3</a></p>
<p><a class="post-download" href="http://www.wallaceerick.com.br/web-design-blog/examples/simbolo-spfc.rar" title="Download de Símbolo do São Paulo F.C feito com CSS3">Download de Símbolo do São Paulo F.C feito com CSS3</a></p>
<p><br class="clear" /></p>
]]></content:encoded>
			<wfw:commentRss>http://wallaceerick.com.br/web-design-blog/simbolo-do-sao-paulo-f-c-feito-com-css3/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>Pikachoose &#8211; Galeria de Imagens em jQuery</title>
		<link>http://wallaceerick.com.br/web-design-blog/pikachoose-image-gallery/</link>
		<comments>http://wallaceerick.com.br/web-design-blog/pikachoose-image-gallery/#comments</comments>
		<pubDate>Thu, 01 Oct 2009 22:02:07 +0000</pubDate>
		<dc:creator>Wallace</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[gallery]]></category>
		<category><![CDATA[image]]></category>
		<category><![CDATA[pikachoose]]></category>

		<guid isPermaLink="false">http://wallaceerick.com.br/blog/?p=537</guid>
		<description><![CDATA[Pikachoose é uma galeria que permite uma fácil apresentação de fotos com opções para apresentações, botões de navegação e reprodução automática, ele é projetado para ser facilmente instalado e fácil de usar. Saiba Mais&#8230;]]></description>
			<content:encoded><![CDATA[<p><img src="/web-design-blog/images/pikachoose.jpg" border="0" alt="Pikachoose" title="Pikachoose" /></p>
<p>Pikachoose é uma galeria que permite uma fácil apresentação de fotos com opções para apresentações, botões de navegação e reprodução automática, ele é projetado para ser facilmente instalado e fácil de usar.</p>
<p><a title="Pikachoose" href="http://pikachoose.com/" target="_blank">Saiba Mais&#8230;</a></p>
]]></content:encoded>
			<wfw:commentRss>http://wallaceerick.com.br/web-design-blog/pikachoose-image-gallery/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Galeria de Thumbs com Título e Legenda em jQuery</title>
		<link>http://wallaceerick.com.br/web-design-blog/galeria-thumbs-com-titulo-legenda-jquery/</link>
		<comments>http://wallaceerick.com.br/web-design-blog/galeria-thumbs-com-titulo-legenda-jquery/#comments</comments>
		<pubDate>Tue, 22 Sep 2009 21:39:13 +0000</pubDate>
		<dc:creator>Wallace</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[descrição]]></category>
		<category><![CDATA[galeria]]></category>
		<category><![CDATA[imagens]]></category>
		<category><![CDATA[legenda]]></category>
		<category><![CDATA[thumbs]]></category>
		<category><![CDATA[titulo]]></category>

		<guid isPermaLink="false">http://wallaceerick.com.br/blog/?p=535</guid>
		<description><![CDATA[Este tutorial irá mostrar como adicionar título e legenda para as thumbs do seu site e exibi-las com efeitos de transiçã em jQuery legal. Saiba Mais&#8230;]]></description>
			<content:encoded><![CDATA[<p><img src="/web-design-blog/images/thumbnail-gallery.jpg" border="0" alt="Galeria de Thumbs com Título e Legenda em jQuery" title="Galeria de Thumbs com Título e Legenda em jQuery" /></p>
<p>Este tutorial irá mostrar como adicionar título e legenda para as thumbs do seu site e exibi-las com efeitos de transiçã em jQuery legal.</p>
<p><a title="Galeria de Thumbs com Título e Legenda em jQuery" href="http://www.queness.com/post/484/create-a-thumbnail-gallery-with-slick-heading-and-caption-effect-with-jquery" target="_blank">Saiba Mais&#8230;</a></p>
]]></content:encoded>
			<wfw:commentRss>http://wallaceerick.com.br/web-design-blog/galeria-thumbs-com-titulo-legenda-jquery/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Notes For Lightbox</title>
		<link>http://wallaceerick.com.br/web-design-blog/notes-for-lightbox/</link>
		<comments>http://wallaceerick.com.br/web-design-blog/notes-for-lightbox/#comments</comments>
		<pubDate>Sat, 22 Aug 2009 21:27:02 +0000</pubDate>
		<dc:creator>Wallace</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[galery]]></category>
		<category><![CDATA[images]]></category>
		<category><![CDATA[lightbox]]></category>
		<category><![CDATA[notes]]></category>

		<guid isPermaLink="false">http://wallaceerick.com.br/blog/?p=533</guid>
		<description><![CDATA[NotesForLightBox é mais um tipo de lightbox, seu script é simples e discreto utilizado para sobrepor imagens na página atual. É muito fácil de configurar e funciona em todos os navegadores modernos. Suas funcionalidades são: - Cantos arredondados caixa de luz; - Navegação com botões; - Slideshow com barra de carregamento. Saiba Mais&#8230;]]></description>
			<content:encoded><![CDATA[<p><img src="/web-design-blog/images/nf-lightbox.jpg" border="0" alt="Notes For LightBox" title="Notes For LightBox" /></p>
<p>NotesForLightBox é mais um tipo de lightbox, seu script é simples e discreto utilizado para sobrepor imagens na página atual. É muito fácil de configurar e funciona em todos os navegadores modernos. Suas funcionalidades são:<br />
- Cantos arredondados caixa de luz;<br />
- Navegação com botões;<br />
- Slideshow com barra de carregamento.</p>
<p><a title="Notes For LightBox" href="http://www.notesfor.net/post/NotesForLightBox.aspx" target="_blank">Saiba Mais&#8230;</a></p>
]]></content:encoded>
			<wfw:commentRss>http://wallaceerick.com.br/web-design-blog/notes-for-lightbox/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Menu animado com jQuery</title>
		<link>http://wallaceerick.com.br/web-design-blog/menu-animado-com-jquery/</link>
		<comments>http://wallaceerick.com.br/web-design-blog/menu-animado-com-jquery/#comments</comments>
		<pubDate>Sat, 22 Aug 2009 21:16:27 +0000</pubDate>
		<dc:creator>Wallace</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[animação]]></category>
		<category><![CDATA[animado]]></category>
		<category><![CDATA[menu]]></category>
		<category><![CDATA[navegação]]></category>
		<category><![CDATA[navigation]]></category>

		<guid isPermaLink="false">http://wallaceerick.com.br/blog/?p=531</guid>
		<description><![CDATA[Uns dos tipos de menus em jQuery mais bonitos e que eu mais gosto. Com um efeito simplismente incrível, praticamente igual ao feito em flash, confira. Saiba Mais&#8230;]]></description>
			<content:encoded><![CDATA[<p><img src="/web-design-blog/images/animated-nav.jpg" border="0" alt="Menu animado com jQuery" title="Menu animado com jQuery" /></p>
<p>Uns dos tipos de menus em jQuery mais bonitos e que eu mais gosto. Com um efeito simplismente incrível, praticamente igual ao feito em flash, confira.</p>
<p><a title="Menu animado com jQuery" href="http://www.sohtanaka.com/web-design/animate-navigation-with-css-jquery/" target="_blank">Saiba Mais&#8230;</a></p>
]]></content:encoded>
			<wfw:commentRss>http://wallaceerick.com.br/web-design-blog/menu-animado-com-jquery/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Efeitos em texto com jQuery</title>
		<link>http://wallaceerick.com.br/web-design-blog/font-effect-with-jquery/</link>
		<comments>http://wallaceerick.com.br/web-design-blog/font-effect-with-jquery/#comments</comments>
		<pubDate>Sat, 22 Aug 2009 21:04:55 +0000</pubDate>
		<dc:creator>Wallace</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[efeito]]></category>
		<category><![CDATA[effect]]></category>
		<category><![CDATA[font]]></category>
		<category><![CDATA[fonte]]></category>
		<category><![CDATA[texto]]></category>
		<category><![CDATA[textos]]></category>

		<guid isPermaLink="false">http://wallaceerick.com.br/blog/?p=529</guid>
		<description><![CDATA[Font Effect é um plugin que utiliza jQuery e serve para adicionar efeitos em texto html, sem a utilização de imagens. Os efeitos disponíveis por enquanto, são: Outline, Shadow, Gradient e Reflexo. Saiba Mais&#8230;]]></description>
			<content:encoded><![CDATA[<p><img src="/web-design-blog/images/font-effect.jpg" border="0" alt="Font Effect with jQuery" title="Font Effect with jQuery" /></p>
<p>Font Effect é um plugin que utiliza jQuery e serve para adicionar efeitos em texto html, sem a utilização de imagens. Os efeitos disponíveis por enquanto, são: Outline, Shadow, Gradient e Reflexo.</p>
<p><a title="Font Effect with jQuery" href="http://www.iofo.it/jquery/fonteffect/" target="_blank">Saiba Mais&#8230;</a></p>
]]></content:encoded>
			<wfw:commentRss>http://wallaceerick.com.br/web-design-blog/font-effect-with-jquery/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Slide It Moo</title>
		<link>http://wallaceerick.com.br/web-design-blog/slide-it-moo/</link>
		<comments>http://wallaceerick.com.br/web-design-blog/slide-it-moo/#comments</comments>
		<pubDate>Sat, 22 Aug 2009 20:44:23 +0000</pubDate>
		<dc:creator>Wallace</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://wallaceerick.com.br/blog/?p=527</guid>
		<description><![CDATA[Slide it Moo, testado em IE 7+, Firefox 2+, Chrome, Opera. Possui navegação contínua, elementos selecionados com base em CSS , controle de direção e quando o autoslide é ativado, o tempo entre os slides é a soma da duração do efeito e a duração do slide. Saiba Mais&#8230;]]></description>
			<content:encoded><![CDATA[<p><img src="/web-design-blog/images/slideitmoo.jpg" border="0" alt="Slide It Moo" title="Slide It Moo" /></p>
<p>Slide it Moo, testado em IE 7+, Firefox 2+, Chrome, Opera. Possui navegação contínua, elementos selecionados com base em CSS , controle de direção e quando o autoslide é ativado, o tempo entre os slides é a soma da duração do efeito e a duração do slide.</p>
<p><a title="Slide It Moo" href="http://www.php-help.ro/examples/slideitmoo_1.1/" target="_blank">Saiba Mais&#8230;</a></p>
]]></content:encoded>
			<wfw:commentRss>http://wallaceerick.com.br/web-design-blog/slide-it-moo/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Anything Slider</title>
		<link>http://wallaceerick.com.br/web-design-blog/anything-slider/</link>
		<comments>http://wallaceerick.com.br/web-design-blog/anything-slider/#comments</comments>
		<pubDate>Sat, 22 Aug 2009 20:21:52 +0000</pubDate>
		<dc:creator>Wallace</dc:creator>
				<category><![CDATA[Ajax]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[anything]]></category>
		<category><![CDATA[buttons]]></category>
		<category><![CDATA[gallery]]></category>
		<category><![CDATA[images]]></category>
		<category><![CDATA[slide]]></category>
		<category><![CDATA[slider]]></category>

		<guid isPermaLink="false">http://wallaceerick.com.br/blog/?p=525</guid>
		<description><![CDATA[Este é o Anything Slider, uma tentativa de reunir a funcionalidade de todos os sliders já vistos, com novas características. Em outras palavras, para criar realmente o &#8220;único&#8221; slider com os todos recursos. Saiba Mais&#8230; Demo &#124; Download]]></description>
			<content:encoded><![CDATA[<p><img src="/web-design-blog/images/slider-any.jpg" border="0" alt="Anything Slider" title="Anything Slider" /></p>
<p>Este é o Anything Slider, uma tentativa de reunir a funcionalidade de todos os sliders já vistos, com novas características. Em outras palavras, para criar realmente o &#8220;único&#8221; slider com os todos recursos. </p>
<p><a title="Anything Slider" href="http://css-tricks.com/anythingslider-jquery-plugin/" target="_blank">Saiba Mais&#8230;</a><br />
<a title="Anything Slider" href="http://css-tricks.com/examples/AnythingSlider/" target="_blank">Demo</a> | <a title="Anything Slider" href="http://css-tricks.com/examples/AnythingSlider.zip" target="_blank">Download</a></p>
]]></content:encoded>
			<wfw:commentRss>http://wallaceerick.com.br/web-design-blog/anything-slider/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Fancybox</title>
		<link>http://wallaceerick.com.br/web-design-blog/fancybox/</link>
		<comments>http://wallaceerick.com.br/web-design-blog/fancybox/#comments</comments>
		<pubDate>Fri, 24 Jul 2009 23:56:57 +0000</pubDate>
		<dc:creator>Wallace</dc:creator>
				<category><![CDATA[Ajax]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[ampliar]]></category>
		<category><![CDATA[enlarge]]></category>
		<category><![CDATA[fancybox]]></category>
		<category><![CDATA[gallery]]></category>
		<category><![CDATA[images]]></category>
		<category><![CDATA[lightbox]]></category>

		<guid isPermaLink="false">http://wallaceerick.com.br/blog/?p=115</guid>
		<description><![CDATA[Mais um interessante e bonito sistema de ampliar imagens feito em jQuery. Saiba Mais&#8230;]]></description>
			<content:encoded><![CDATA[<p><img src="/web-design-blog/images/fancy.jpg" border="0" alt="FancyBox" title="FancyBox" /></p>
<p>Mais um interessante e bonito sistema de ampliar imagens feito em jQuery.</p>
<p><a title="FancyBox" href="http://fancy.klade.lv/" target="_blank">Saiba Mais&#8230;</a></p>
]]></content:encoded>
			<wfw:commentRss>http://wallaceerick.com.br/web-design-blog/fancybox/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

