<?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"
	>

<channel>
	<title>RuanWeb</title>
	<atom:link href="http://www.ruanceli.com/blog/feed" rel="self" type="application/rss+xml" />
	<link>http://www.ruanceli.com/blog</link>
	<description>Desenvolvimento Web</description>
	<pubDate>Sun, 22 Jun 2008 13:13:00 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.5.1</generator>
	<language>en</language>
			<item>
		<title>Conjunto de Icones para Escritório</title>
		<link>http://www.ruanceli.com/blog/icones/conjunto-de-icones-para-escritorio</link>
		<comments>http://www.ruanceli.com/blog/icones/conjunto-de-icones-para-escritorio#comments</comments>
		<pubDate>Sun, 22 Jun 2008 13:13:00 +0000</pubDate>
		<dc:creator>Ruan</dc:creator>
		
		<category><![CDATA[Icones]]></category>

		<category><![CDATA[Design]]></category>

		<category><![CDATA[icons]]></category>

		<guid isPermaLink="false">http://www.ruanceli.com/blog/icones/conjunto-de-icones-para-escritorio</guid>
		<description><![CDATA[ Conjunto de ícones contendo: ícones,cadeira,empregados,maquina de café, monitores e kiosk de informação. Cada ícone está disponível nos seguintes tamanhos: 16&#215;16px, 32&#215;32px,48&#215;48px e 256&#215;256px. Licença: Creative Commons Attribution-No Derivative Works 3.0 Unported License. Isto significa que se você for utilizar os ícones em seu website, por favor insira um link para www.visualpharm.com na mesma página [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.ruanceli.com/blog/wp-content/uploads/2008/06/cont-icon-vista.jpg"/> <br/>Conjunto de ícones contendo: ícones,cadeira,empregados,maquina de café, monitores e kiosk de informação. Cada ícone está disponível nos seguintes tamanhos: 16&#215;16px, 32&#215;32px,48&#215;48px e 256&#215;256px. Licença: Creative Commons Attribution-No Derivative Works 3.0 Unported License. Isto significa que se você for utilizar os ícones em seu website, por favor insira um link para www.visualpharm.com na mesma página que os ícones forem utilizados.</p>
<p>Sinta-se Livre <a href="http://www.visualpharm.com/office_space.html">para Baixar os Icones Aqui</a> <br/></p>
]]></content:encoded>
			<wfw:commentRss>http://www.ruanceli.com/blog/icones/conjunto-de-icones-para-escritorio/feed</wfw:commentRss>
		</item>
		<item>
		<title>Decorar imagens com CSS</title>
		<link>http://www.ruanceli.com/blog/css-codigo/decorar-imagens-com-css</link>
		<comments>http://www.ruanceli.com/blog/css-codigo/decorar-imagens-com-css#comments</comments>
		<pubDate>Sun, 22 Jun 2008 02:27:00 +0000</pubDate>
		<dc:creator>Ruan</dc:creator>
		
		<category><![CDATA[CSS]]></category>

		<category><![CDATA[css]]></category>

		<category><![CDATA[imagens]]></category>

		<guid isPermaLink="false">http://www.ruanceli.com/blog/css-codigo/decorar-imagens-com-css</guid>
		<description><![CDATA[
WebDesignerWall um dos melhores sites sobre desenvolvimento web, recentemente publicou este tutorial de como decorar imagens e galeria de imagens sem a necessidade de editar os arquivos.
A dica é bastante simples, basta você inserir uma tag extra &#60;span&#62; e aplicar um background na imagem para criar o efeito de sobreposição.
]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.ruanceli.com/blog/wp-content/uploads/2008/06/cont-imagens-decorar.jpg"/></p>
<p><a href="http://www.webdesignerwall.com/" target="_blank"><strong>WebDesignerWall</strong></a> um dos melhores sites sobre desenvolvimento web, recentemente publicou este <a href="http://www.webdesignerwall.com/tutorials/css-decorative-gallery/">tutorial de como decorar imagens</a> e galeria de imagens sem a necessidade de editar os arquivos.</p>
<p>A dica é bastante simples, basta você inserir uma tag extra &lt;span&gt; e aplicar um background na imagem para criar o efeito de sobreposição.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.ruanceli.com/blog/css-codigo/decorar-imagens-com-css/feed</wfw:commentRss>
		</item>
		<item>
		<title>openWYSIWYG - Editor WYSIWYG</title>
		<link>http://www.ruanceli.com/blog/scripts/openwysiwyg-editor-wysiwyg</link>
		<comments>http://www.ruanceli.com/blog/scripts/openwysiwyg-editor-wysiwyg#comments</comments>
		<pubDate>Sat, 21 Jun 2008 02:24:00 +0000</pubDate>
		<dc:creator>Ruan</dc:creator>
		
		<category><![CDATA[Scripts]]></category>

		<category><![CDATA[WYSIWYG]]></category>

		<guid isPermaLink="false">http://www.ruanceli.com/blog/scripts/openwysiwyg-editor-wysiwyg</guid>
		<description><![CDATA[
openWYSIWYG é um editor WYSIWYG gratuito que possui a maioria das funcionalidades dos editores visuais. 
Como a maioria dos editores visuais, com apenas uma linha de código você consegue substituir o elementos de textarea com este editor. O editor pode ser utilizado com qualquer linguagem de programação, já que é completamente produzido em javascript.
Algumas das [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.ruanceli.com/blog/wp-content/uploads/2008/06/cont-acordion.jpg"/></p>
<p>openWYSIWYG <span>é um editor WYSIWYG gratuito que possui a maioria das funcionalidades dos editores visuais. <br/></span></p>
<p>Como a maioria dos editores visuais, com apenas uma linha de código você consegue substituir o elementos de textarea com este editor. O editor pode ser utilizado com qualquer linguagem de programação, já que é completamente produzido em javascript.</p>
<h3>Algumas das funcionalidades deste editor HTML:</h3>
<ul>
<li>Carregamento rápido</li>
<li>Edição do Código fonte em HTML</li>
<li>Criação de listas, italico, negrito e outras propriedades HTML similares</li>
<li>Inserção de imagens</li>
<li>Criação de Tabelas</li>
<li>Preview das Formatação</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.ruanceli.com/blog/scripts/openwysiwyg-editor-wysiwyg/feed</wfw:commentRss>
		</item>
		<item>
		<title>Menu Acordion em Somente 1kb</title>
		<link>http://www.ruanceli.com/blog/scripts/menu-acordion-em-somente-1kb</link>
		<comments>http://www.ruanceli.com/blog/scripts/menu-acordion-em-somente-1kb#comments</comments>
		<pubDate>Fri, 20 Jun 2008 02:16:00 +0000</pubDate>
		<dc:creator>Ruan</dc:creator>
		
		<category><![CDATA[Scripts]]></category>

		<category><![CDATA[Javascript]]></category>

		<category><![CDATA[menus]]></category>

		<guid isPermaLink="false">http://www.ruanceli.com/blog/scripts/menu-acordion-em-somente-1kb</guid>
		<description><![CDATA[
Michael Leigeber publicou recentemente um excelente menu acordeon horizontal com apenas 1kb. Sem dúvidas é um boa alternativa para as consagradas soluções: Kwicks com jQuery o Kwicks com Mootools.
Download do Script Aqui - Mais informações e demos Menu Horizontal Acordion
Fonte Anieto2k
]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.ruanceli.com/blog/wp-content/uploads/2008/06/cont-menuacordion.jpg"/></p>
<p>Michael Leigeber publicou recentemente um excelente menu acordeon horizontal com apenas 1kb. Sem dúvidas é um boa alternativa para as consagradas soluções: Kwicks com jQuery o Kwicks com Mootools.</p>
<p><a href="http://www.leigeber.com/wp-content/uploads/2008/05/slidemenu.zip" target="_blank">Download do Script Aqui</a> - Mais informações e demos <a href="http://www.leigeber.com/2008/05/horizontal-javascript-accordion-menu/" target="_blank">Menu Horizontal Acordion</a></p>
<p>Fonte <a href="http://www.anieto2k.com/2008/05/26/acordeon-horizontal-en-javascript-de-solo-1kb/" target="_blank">Anieto2k</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.ruanceli.com/blog/scripts/menu-acordion-em-somente-1kb/feed</wfw:commentRss>
		</item>
		<item>
		<title>Menu de Contexto</title>
		<link>http://www.ruanceli.com/blog/scripts/menu-de-contexto</link>
		<comments>http://www.ruanceli.com/blog/scripts/menu-de-contexto#comments</comments>
		<pubDate>Fri, 20 Jun 2008 02:06:00 +0000</pubDate>
		<dc:creator>Ruan</dc:creator>
		
		<category><![CDATA[Scripts]]></category>

		<category><![CDATA[css]]></category>

		<category><![CDATA[Jquery]]></category>

		<category><![CDATA[menus]]></category>

		<guid isPermaLink="false">http://www.ruanceli.com/blog/scripts/menu-de-contexto</guid>
		<description><![CDATA[
Context Hover, é um agradavel dicas desenvolvido por &#8220;http://kilianvalkhof.com/2008/css-xhtml/context-hover-adding-context-feedback-to-your-links&#8221; target=&#8221;_blank&#8221;&#62;Kilian Valkhov, aonde aplicando jQuery e CSS, podemos realçar todos nossos links similares(url externa para o mesmo site) de uma única vez quando fazemos MouseOver sobre algum dos links. Uma dica que pode ser muito útil algum dia, em Algum projeto.
O Demo está Aqui - Mas [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.ruanceli.com/blog/wp-content/uploads/2008/06/cont-contexthover.jpg"/></p>
<p><a href="http://kilianvalkhof.com/2008/css-xhtml/context-hover-adding-context-feedback-to-your-links" target="_blank">Context Hover</a>, <br/>é um agradavel dicas desenvolvido por &#8220;http://kilianvalkhof.com/2008/css-xhtml/context-hover-adding-context-feedback-to-your-links&#8221; target=&#8221;_blank&#8221;&gt;Kilian Valkhov, aonde <br/>aplicando jQuery e CSS, podemos realçar todos nossos links similares(url externa para o mesmo site) de uma única vez quando fazemos <br/>MouseOver sobre algum dos links. Uma dica que pode ser muito útil algum dia, em Algum projeto.</p>
<p>O Demo está <a href="http://kilianvalkhof.com/uploads/contexthover/" target="_blank">Aqui</a> - Mas informações &#8220;http://kilianvalkhof.com/2008/css-xhtml/context-hover-adding-context-feedback-to-your-links&#8221; target=&#8221;_blank&#8221;&gt;sobre o Menu de Contexto <br/>Aqui Uso</p>

<div class="wp_syntax"><div class="code"><pre class="javascript">&nbsp;
<span style="color: #66cc66;">&lt;</span>script src=<span style="color: #3366CC;">&quot;jquery.js&quot;</span> type=<span style="color: #3366CC;">&quot;text/javascript&quot;</span><span style="color: #66cc66;">&gt;</span>
<span style="color: #66cc66;">&lt;/</span>script<span style="color: #66cc66;">&gt;</span>
&nbsp;
&nbsp;
&nbsp;
<span style="color: #66cc66;">&lt;</span>script type=<span style="color: #3366CC;">&quot;text/javascript&quot;</span><span style="color: #66cc66;">&gt;</span><span style="color: #009900; font-style: italic;">//</span>
&nbsp;
&nbsp;
$<span style="color: #66cc66;">&#40;</span>document<span style="color: #66cc66;">&#41;</span>.<span style="color: #006600;">ready</span> <span style="color: #66cc66;">&#40;</span> <span style="color: #003366; font-weight: bold;">function</span> <span style="color: #66cc66;">&#40;</span> <span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span> 
&nbsp;
$<span style="color: #66cc66;">&#40;</span> <span style="color: #3366CC;">&quot;a&quot;</span> <span style="color: #66cc66;">&#41;</span>.<span style="color: #006600;">hover</span> <span style="color: #66cc66;">&#40;</span> 
&nbsp;
<span style="color: #003366; font-weight: bold;">function</span> <span style="color: #66cc66;">&#40;</span> <span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span>$<span style="color: #66cc66;">&#40;</span> <span style="color: #3366CC;">&quot;a[href=&quot;</span>+$<span style="color: #66cc66;">&#40;</span> <span style="color: #000066; font-weight: bold;">this</span> <span style="color: #66cc66;">&#41;</span>.<span style="color: #006600;">attr</span> <span style="color: #66cc66;">&#40;</span> <span style="color: #3366CC;">&quot;href&quot;</span> <span style="color: #66cc66;">&#41;</span>+<span style="color: #3366CC;">&quot;]&quot;</span> <span style="color: #66cc66;">&#41;</span>.<span style="color: #006600;">addClass</span> <span style="color: #66cc66;">&#40;</span> <span style="color: #3366CC;">&quot;hover&quot;</span> <span style="color: #66cc66;">&#41;</span>;<span style="color: #66cc66;">&#125;</span>, 
&nbsp;
<span style="color: #003366; font-weight: bold;">function</span> <span style="color: #66cc66;">&#40;</span> <span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span>$<span style="color: #66cc66;">&#40;</span> <span style="color: #3366CC;">&quot;a[href=&quot;</span>+$<span style="color: #66cc66;">&#40;</span> <span style="color: #000066; font-weight: bold;">this</span> <span style="color: #66cc66;">&#41;</span>.<span style="color: #006600;">attr</span> <span style="color: #66cc66;">&#40;</span> <span style="color: #3366CC;">&quot;href&quot;</span> <span style="color: #66cc66;">&#41;</span>+<span style="color: #3366CC;">&quot;]&quot;</span> <span style="color: #66cc66;">&#41;</span>.<span style="color: #006600;">removeClass</span> <span style="color: #66cc66;">&#40;</span> <span style="color: #3366CC;">&quot;hover&quot;</span> <span style="color: #66cc66;">&#41;</span>;<span style="color: #66cc66;">&#125;</span> <span style="color: #66cc66;">&#41;</span>; 
&nbsp;
<span style="color: #66cc66;">&#125;</span> <span style="color: #66cc66;">&#41;</span>; 
&nbsp;
<span style="color: #009900; font-style: italic;">//&lt;/script&gt;</span></pre></div></div>

]]></content:encoded>
			<wfw:commentRss>http://www.ruanceli.com/blog/scripts/menu-de-contexto/feed</wfw:commentRss>
		</item>
	</channel>
</rss>
