<?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>Vecindad Gráfica Diseño Gráfico &#187; CSS y jQuery</title>
	<atom:link href="http://blogvecindad.com/category/css3-y-jquery/feed/" rel="self" type="application/rss+xml" />
	<link>http://blogvecindad.com</link>
	<description>Diseño Gráfico y Más</description>
	<lastBuildDate>Fri, 24 May 2013 14:53:10 +0000</lastBuildDate>
	<language>es-ES</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.5.1</generator>
		<item>
		<title>Retícula para mostrar pre-visualización de imágenes estilo Google Search</title>
		<link>http://blogvecindad.com/reticula-para-mostrar-pre-visualizacion-de-imagenes-estilo-google-search/</link>
		<comments>http://blogvecindad.com/reticula-para-mostrar-pre-visualizacion-de-imagenes-estilo-google-search/#comments</comments>
		<pubDate>Sat, 23 Mar 2013 15:16:29 +0000</pubDate>
		<dc:creator>Adan Avelar</dc:creator>
				<category><![CDATA[CSS y jQuery]]></category>
		<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://blogvecindad.com/?p=49661</guid>
		<description><![CDATA[Un buen tutorial con CSS para crear la retícula del visor de imágenes, similar al que maneja Google Search. Thumbnail Grid with Expanding Preview]]></description>
				<content:encoded><![CDATA[<div id="HOTWordsTxt" name="HOTWordsTxt">Un buen tutorial con CSS para crear la retícula del visor de imágenes, similar al que maneja Google Search.</p>
<p><img src="http://blogvecindad.com/imagenes/2013/03/tympanus.png" alt="tympanus" width="500" height="425" class="alignnone size-full wp-image-49662" /></p>
<p><a href="http://tympanus.net/codrops/2013/03/19/thumbnail-grid-with-expanding-preview/"  target="blank">Thumbnail Grid with Expanding Preview</a></div>
]]></content:encoded>
			<wfw:commentRss>http://blogvecindad.com/reticula-para-mostrar-pre-visualizacion-de-imagenes-estilo-google-search/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Aprende CSS Layout</title>
		<link>http://blogvecindad.com/aprende-css-layout/</link>
		<comments>http://blogvecindad.com/aprende-css-layout/#comments</comments>
		<pubDate>Thu, 14 Mar 2013 04:17:10 +0000</pubDate>
		<dc:creator>Adan Avelar</dc:creator>
				<category><![CDATA[CSS y jQuery]]></category>
		<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://blogvecindad.com/?p=49478</guid>
		<description><![CDATA[En este lugar enseñan los fundamentos de CSS que se utilizan en el diseño de cualquier sitio web. Learn CSS Layout]]></description>
				<content:encoded><![CDATA[<div id="HOTWordsTxt" name="HOTWordsTxt">En este lugar enseñan los fundamentos de CSS que se utilizan en el diseño de cualquier sitio web.</p>
<p><img src="http://blogvecindad.com/imagenes/2013/03/LearnCSSLayout.png" alt="LearnCSSLayout" width="400" height="532" class="alignnone size-full wp-image-49479" /></p>
<p><a href="http://learnlayout.com/"  target="blank">Learn CSS Layout</a></div>
]]></content:encoded>
			<wfw:commentRss>http://blogvecindad.com/aprende-css-layout/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Cómo envolver y centrar elementos de forma horizontal &#8211; CSS</title>
		<link>http://blogvecindad.com/como-envolver-y-centrar-elementos-de-forma-horizontal-css/</link>
		<comments>http://blogvecindad.com/como-envolver-y-centrar-elementos-de-forma-horizontal-css/#comments</comments>
		<pubDate>Tue, 05 Mar 2013 02:42:57 +0000</pubDate>
		<dc:creator>Adan Avelar</dc:creator>
				<category><![CDATA[CSS y jQuery]]></category>
		<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://blogvecindad.com/?p=49208</guid>
		<description><![CDATA[Buen tutorial CSS que nos da 4 ejemplos para centrar y envolver una barra de navegación en forma horizontal. How to shrinkwrap and center elements horizontally &#124; 456 Berea Street]]></description>
				<content:encoded><![CDATA[<div id="HOTWordsTxt" name="HOTWordsTxt">Buen tutorial CSS que nos da 4 ejemplos para centrar y envolver una barra de navegación en forma horizontal.</p>
<p><img src="http://blogvecindad.com/imagenes/2013/03/centrar-elementos.png" alt="centrar-elementos" width="500" height="360" class="alignnone size-full wp-image-49209" /><img src="http://blogvecindad.com/imagenes/2013/03/centrar-elementos-css.png" alt="centrar-elementos-css" width="198" height="397" class="alignnone size-full wp-image-49210" /></p>
<p><a href="http://www.456bereastreet.com/archive/201303/how_to_shrinkwrap_and_center_elements_horizontally/"  target="blank">How to shrinkwrap and center elements horizontally | 456 Berea Street</a></div>
]]></content:encoded>
			<wfw:commentRss>http://blogvecindad.com/como-envolver-y-centrar-elementos-de-forma-horizontal-css/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Acordeón con imágenes CSS3</title>
		<link>http://blogvecindad.com/acordeon-con-imagenes-css3/</link>
		<comments>http://blogvecindad.com/acordeon-con-imagenes-css3/#comments</comments>
		<pubDate>Sat, 23 Feb 2013 15:52:18 +0000</pubDate>
		<dc:creator>Adan Avelar</dc:creator>
				<category><![CDATA[CSS y jQuery]]></category>
		<category><![CDATA[css3]]></category>

		<guid isPermaLink="false">http://blogvecindad.com/?p=48613</guid>
		<description><![CDATA[Una buena forma de mostrar diferentes imágenes en forma de acordeón. Image Accordion with CSS3 &#124; Codrops]]></description>
				<content:encoded><![CDATA[<div id="HOTWordsTxt" name="HOTWordsTxt">Una buena forma de mostrar diferentes imágenes en forma de acordeón.</p>
<p><img src="http://blogvecindad.com/imagenes/2013/02/acordeonCSS3.jpg" alt="acordeon CSS3" width="500" height="427" class="alignnone size-full wp-image-48614" /></p>
<p><a href="http://tympanus.net/codrops/2012/06/06/image-accordion-with-css3/"  target="blank">Image Accordion with CSS3 | Codrops</a></div>
]]></content:encoded>
			<wfw:commentRss>http://blogvecindad.com/acordeon-con-imagenes-css3/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS3 Test</title>
		<link>http://blogvecindad.com/css3-test/</link>
		<comments>http://blogvecindad.com/css3-test/#comments</comments>
		<pubDate>Tue, 12 Feb 2013 14:35:18 +0000</pubDate>
		<dc:creator>Adan Avelar</dc:creator>
				<category><![CDATA[CSS y jQuery]]></category>
		<category><![CDATA[css3]]></category>

		<guid isPermaLink="false">http://blogvecindad.com/?p=48288</guid>
		<description><![CDATA[Una buena forma de probar si tu navegador reconoce la mayoría de las características CSS3. The CSS3 Test]]></description>
				<content:encoded><![CDATA[<div id="HOTWordsTxt" name="HOTWordsTxt">Una buena forma de probar si tu navegador reconoce la mayoría de las características CSS3.</p>
<p><img src="http://blogvecindad.com/imagenes/2013/02/css3-test.png" alt="css3-test" width="500" height="351" class="alignnone size-full wp-image-48289" /></p>
<p><a href="http://css3test.com/"  target="blank">The CSS3 Test</a></div>
]]></content:encoded>
			<wfw:commentRss>http://blogvecindad.com/css3-test/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Efectos de &#8216;rollover&#8217; usando CSS</title>
		<link>http://blogvecindad.com/efectos-de-rollover-usando-css/</link>
		<comments>http://blogvecindad.com/efectos-de-rollover-usando-css/#comments</comments>
		<pubDate>Tue, 05 Feb 2013 16:43:53 +0000</pubDate>
		<dc:creator>Adan Avelar</dc:creator>
				<category><![CDATA[CSS y jQuery]]></category>
		<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://blogvecindad.com/?p=48077</guid>
		<description><![CDATA[5 efectos de imágenes con &#8216;rollovers&#8217; que emula movimientos de un lado a otro, por medio de CSS. 5 CSS Hover Effects you will love to use]]></description>
				<content:encoded><![CDATA[<div id="HOTWordsTxt" name="HOTWordsTxt">5 efectos de imágenes con &#8216;rollovers&#8217; que emula movimientos de un lado a otro, por medio de CSS.</p>
<p><img src="http://blogvecindad.com/imagenes/2013/02/efecto-Roller-CSS-2.png" alt="efecto-Roller-CSS" width="500" height="199" class="alignnone size-full wp-image-48078" /><br />
<img src="http://blogvecindad.com/imagenes/2013/02/efecto-Roller-CSS.png" alt="efecto-Roller-CSS" width="350" height="185" class="alignnone size-full wp-image-48079" /></p>
<p><a href="http://www.webtutorialplus.com/css-hover-effects/" target="blank" >5 CSS Hover Effects you will love to use</a></div>
]]></content:encoded>
			<wfw:commentRss>http://blogvecindad.com/efectos-de-rollover-usando-css/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Menú vertical con CSS3</title>
		<link>http://blogvecindad.com/menu-vertical-con-css3/</link>
		<comments>http://blogvecindad.com/menu-vertical-con-css3/#comments</comments>
		<pubDate>Wed, 30 Jan 2013 14:23:11 +0000</pubDate>
		<dc:creator>Adan Avelar</dc:creator>
				<category><![CDATA[CSS y jQuery]]></category>
		<category><![CDATA[Tutoriales]]></category>
		<category><![CDATA[css3]]></category>

		<guid isPermaLink="false">http://blogvecindad.com/?p=47841</guid>
		<description><![CDATA[Un tutorial de Orman Clark de un menú con navegación vertical usando CSS3 y jQuery con el menor número de imágenes posible. Orman Clark’s Vertical Navigation Menu: The CSS3 Version]]></description>
				<content:encoded><![CDATA[<div id="HOTWordsTxt" name="HOTWordsTxt">Un tutorial de Orman Clark de un menú con navegación vertical usando CSS3 y jQuery con el menor número de imágenes posible.</p>
<p><img src="http://blogvecindad.com/imagenes/2013/01/menuVerticalCSS3.jpg" alt="menu Vertical CSS3" width="243" height="316" class="alignnone size-full wp-image-47842" /><br />
<img src="http://blogvecindad.com/imagenes/2013/01/menuVerticalCSS3-2.png" alt="menuVerticalCSS3" width="500" height="135" class="alignnone size-full wp-image-47843" /></p>
<p><a href="http://webdesign.tutsplus.com/tutorials/site-elements/orman-clarks-vertical-navigation-menu-the-css3-version/"  target="blank">Orman Clark’s Vertical Navigation Menu: The CSS3 Version</a></div>
]]></content:encoded>
			<wfw:commentRss>http://blogvecindad.com/menu-vertical-con-css3/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
