<?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>Plantillas de Photoshop &#124; Tutoriales &#124; Photoshop &#187; Maquetación</title>
	<atom:link href="http://www.recursospsd.com/category/maquetacion_web/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.recursospsd.com</link>
	<description>Plantillas de páginas web &#124; Tutoriales &#124; Photoshop &#124; Diseño web</description>
	<lastBuildDate>Fri, 04 Jun 2010 11:15:54 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>Tutorial para diseñar y programar tu propio portafolios personal</title>
		<link>http://www.recursospsd.com/tutorial-para-disenar-y-programar-tu-propio-portafolios-personal/</link>
		<comments>http://www.recursospsd.com/tutorial-para-disenar-y-programar-tu-propio-portafolios-personal/#comments</comments>
		<pubDate>Tue, 01 Jun 2010 14:32:54 +0000</pubDate>
		<dc:creator>shutdown</dc:creator>
				<category><![CDATA[Diseño Web]]></category>
		<category><![CDATA[Maquetación]]></category>
		<category><![CDATA[Tutoriales]]></category>

		<guid isPermaLink="false">http://www.recursospsd.com/?p=1868</guid>
		<description><![CDATA[Buenas a todos/as los amantes del diseño Web, después de un largo tiempo de descanso para mi persona vengo con algunas novedades en el mundo del blog, el diseño, la fotografía y la Web. La primera de estas novedades es un excelentísimo tutorial con buenos ejemplos y muy bien explicado por su autor, donde nos [...]]]></description>
			<content:encoded><![CDATA[<p>Buenas a todos/as los amantes del diseño Web, después de un largo tiempo de descanso para mi persona vengo con algunas novedades en el mundo del blog, el diseño, la fotografía y la Web. <span id="more-1868"></span></p>
<p>La primera de estas novedades es un excelentísimo tutorial con buenos ejemplos y muy bien explicado por su autor, donde nos enseña a diseñar un fantástico portafolios con grandes efectos y un diseño muy elaborado.</p>
<p>Para todos aquellos que quieran tener el suyo y de paso aprender a hacerse su propio espacio os dejo este tutorial de <strong><em>pvmgarage.com <a href="http://www.pvmgarage.com/2009/06/watercolored-portfolio-coded-free-css-template-with-psd-to-html-tutorial/">sobre como diseñar y maquetar un portafolios personal.</a><br />
</em></strong></p>
<p><a href="http://www.recursospsd.com/wp-content/uploads/2010/06/water_coded.jpg"><img class="aligncenter size-full wp-image-1869" title="water_coded" src="http://www.recursospsd.com/wp-content/uploads/2010/06/water_coded.jpg" alt="water coded Tutorial para diseñar y programar tu propio portafolios personal" width="550" height="210" /></a></p>
<p>Descargar los archivos del tutorial : <a href="http://www.pvmgarage.com/downloads/WaterColored_Portfolio_Coded_PVMGARAGE.zip">WaterColored Portfolio Archives</a></p>
<p><a href="http://www.recursospsd.com/wp-content/uploads/2010/06/water_coded02.jpg"><img class="aligncenter size-full wp-image-1870" title="water_coded02" src="http://www.recursospsd.com/wp-content/uploads/2010/06/water_coded02.jpg" alt="water coded02 Tutorial para diseñar y programar tu propio portafolios personal" width="500" height="375" /></a></p>
<p><strong>Ejemplo del portafolios ya terminado : <a href="http://www.pvmgarage.com/downloads/watercolored_portfolio/">WaterColored Portfolio</a></strong></p>
<p><strong>Fuente: <a href="http://www.pvmgarage.com">pvmgarage.com</a></strong></p>
]]></content:encoded>
			<wfw:commentRss>http://www.recursospsd.com/tutorial-para-disenar-y-programar-tu-propio-portafolios-personal/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>14 Galerías de fotos y presentaciones de diapositivas con JavaScript y CSS</title>
		<link>http://www.recursospsd.com/14-galerias-de-fotos-y-presentaciones-de-diapositivas-con-javascript-y-css/</link>
		<comments>http://www.recursospsd.com/14-galerias-de-fotos-y-presentaciones-de-diapositivas-con-javascript-y-css/#comments</comments>
		<pubDate>Wed, 28 Apr 2010 14:30:55 +0000</pubDate>
		<dc:creator>shutdown</dc:creator>
				<category><![CDATA[Diseño Web]]></category>
		<category><![CDATA[Maquetación]]></category>
		<category><![CDATA[Recopilaciones]]></category>

		<guid isPermaLink="false">http://www.recursospsd.com/?p=1781</guid>
		<description><![CDATA[Algo muy de moda ahora en el mundo de la web es la introducción de diapositivas o álbumes de fotos que muestren a modo de introducción las instalaciones de nuestra empresa, nuestras fotografías personales o nuestros trabajos de diseño profesionales. Y para facilitar el trabajo de implementación de estas aplicaciones para web aquí os traigo [...]]]></description>
			<content:encoded><![CDATA[<p>Algo muy de moda ahora en el mundo de la web es la <strong>introducción de diapositivas o álbumes de fotos</strong> que muestren a modo de introducción las instalaciones de nuestra empresa, nuestras fotografías personales o nuestros trabajos de diseño profesionales.<span id="more-1781"></span></p>
<p>Y para facilitar el trabajo de implementación de estas aplicaciones para web aquí os traigo una recopilación realizada por webdeveloperjuice.com donde nos muestran <strong>14 pases de diapositivas realizadas mediante JavaScript y CSS. </strong></p>
<p>Aquí os dejo las más interesantes:</p>
<h3><span style="text-decoration: underline;">Pikachoose</span></h3>
<p style="text-align: right;"><a href="http://pikachoose.com/download/"><img class="aligncenter size-full wp-image-1784" title="pikachoose" src="http://www.recursospsd.com/wp-content/uploads/2010/04/pikachoose.gif" alt="pikachoose 14 Galerías de fotos y presentaciones de diapositivas con JavaScript y CSS" width="552" height="178" /></a></p>
<h3 style="text-align: right;"><a href="http://pikachoose.com/demo/">Ver demo</a></h3>
<h3><span style="text-decoration: underline;">Workshop.rs</span></h3>
<p><a href="http://workshop.rs/projects/coin-slider/"><img class="aligncenter size-full wp-image-1789" title="workshop" src="http://www.recursospsd.com/wp-content/uploads/2010/04/workshop.gif" alt="workshop 14 Galerías de fotos y presentaciones de diapositivas con JavaScript y CSS" width="549" height="177" /></a></p>
<h3 style="text-align: right;"><strong><a href="http://workshop.rs/projects/coin-slider/">Ver demo</a></strong></h3>
<h3><span style="text-decoration: underline;">Gadgetinspiration</span></h3>
<p><a href="http://gadgetinspiration.com/blog/wp-content/uploads/jquery%20sliders/index.html"><img class="aligncenter size-full wp-image-1790" title="gadgetinspiration" src="http://www.recursospsd.com/wp-content/uploads/2010/04/gadgetinspiration.gif" alt="gadgetinspiration 14 Galerías de fotos y presentaciones de diapositivas con JavaScript y CSS" width="546" height="176" /></a></p>
<h3 style="text-align: right;"><a href="http://gadgetinspiration.com/blog/wp-content/uploads/jquery%20sliders/index.html"><strong>Ver demo</strong></a></h3>
<h3><span style="text-decoration: underline;">Serie3.info</span></h3>
<p><a href="http://gadgetinspiration.com/blog/wp-content/uploads/jquery%20sliders/index.html"><img class="aligncenter size-full wp-image-1791" title="serie3" src="http://www.recursospsd.com/wp-content/uploads/2010/04/serie3.gif" alt="serie3 14 Galerías de fotos y presentaciones de diapositivas con JavaScript y CSS" width="549" height="177" /></a></p>
<h3 style="text-align: right;"><a href="http://www.serie3.info/s3slider/demonstration.html"><strong>Ver demo</strong></a></h3>
<h3><span style="text-decoration: underline;">Cssglobe</span></h3>
<p><a href="http://cssglobe.com/lab/easyslider1.5/02.html"><img class="aligncenter size-full wp-image-1792" title="cssglobe" src="http://www.recursospsd.com/wp-content/uploads/2010/04/cssglobe.gif" alt="cssglobe 14 Galerías de fotos y presentaciones de diapositivas con JavaScript y CSS" width="552" height="178" /></a></p>
<h3 style="text-align: right;"><a href="http://cssglobe.com/lab/easyslider1.5/02.html"><strong>Ver demo</strong></a></h3>
<h3><strong>Fuente: <a href="http://www.webdeveloperjuice.com/2010/04/22/14-most-sexy-galleries-and-slideshows-usign-javascript-and-css/">webdeveloperjuice.com</a></strong></h3>
]]></content:encoded>
			<wfw:commentRss>http://www.recursospsd.com/14-galerias-de-fotos-y-presentaciones-de-diapositivas-con-javascript-y-css/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Botones web con jQuery y Sprites</title>
		<link>http://www.recursospsd.com/crear-botones-animados-con-jquery-y-sprites/</link>
		<comments>http://www.recursospsd.com/crear-botones-animados-con-jquery-y-sprites/#comments</comments>
		<pubDate>Mon, 22 Feb 2010 09:56:55 +0000</pubDate>
		<dc:creator>shutdown</dc:creator>
				<category><![CDATA[Diseño Web]]></category>
		<category><![CDATA[Maquetación]]></category>
		<category><![CDATA[Tutoriales]]></category>

		<guid isPermaLink="false">http://www.recursospsd.com/?p=1529</guid>
		<description><![CDATA[En tutorial9 han publicado un estupendo tutorial para crear botones web con animaciones en JQuery y Sprites. El tutorial es muy completo y nos revela como y que código debemos insertar en nuestro sitio para conseguir diseñar botones para un sitio web totalmente profesional. Está bastante bien explicado, la parte de código bien estructurada y [...]]]></description>
			<content:encoded><![CDATA[<p>En <a href="http://www.tutorial9.net/"><strong><em>tutorial9</em></strong></a> han publicado un estupendo <strong>tutorial para crear botones web con animaciones en JQuery y Sprites</strong>. El tutorial es muy completo y nos revela como y que código debemos insertar en nuestro sitio para conseguir <strong>diseñar botones para un sitio web totalmente profesional.<span id="more-1529"></span></strong></p>
<p><strong><a href="http://www.recursospsd.com/wp-content/uploads/2010/02/crear-botones-con-jquery-y-sprites.gif"><img class="aligncenter size-full wp-image-1531" title="crear-botones-con-jquery-y-sprites" src="http://www.recursospsd.com/wp-content/uploads/2010/02/crear-botones-con-jquery-y-sprites.gif" alt="crear botones con jquery y sprites Botones web con jQuery y Sprites" width="580" height="252" /></a><br />
</strong></p>
<p><strong> </strong></p>
<p>Está bastante bien explicado, la parte de código bien estructurada y además nos dan los <strong>archivos en PSD / CSS / HTML</strong> <strong>para descargar gratis</strong> por si queremos modificar el diseño que nos muestran en el dicho tutorial..</p>
<p><a href="http://www.recursospsd.com/wp-content/uploads/2010/02/crear-botones-con-jquery-y-sprites-02.gif"><img class="aligncenter size-full wp-image-1532" title="crear-botones-con-jquery-y-sprites-02" src="http://www.recursospsd.com/wp-content/uploads/2010/02/crear-botones-con-jquery-y-sprites-02.gif" alt="crear botones con jquery y sprites 02 Botones web con jQuery y Sprites" width="580" height="252" /></a></p>
<p>Enlace | <a href="http://www.tutorial9.net/web-tutorials/creative-button-animations-with-sprites-and-jquery-part-2/comment-page-2/#comment-23682">Tutorial9</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.recursospsd.com/crear-botones-animados-con-jquery-y-sprites/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>JQuery Tools &#8211; Añade a tu web efectos llamativos</title>
		<link>http://www.recursospsd.com/aplicarle-efectos-llamativos-a-la-web-con-jquery-tools/</link>
		<comments>http://www.recursospsd.com/aplicarle-efectos-llamativos-a-la-web-con-jquery-tools/#comments</comments>
		<pubDate>Tue, 16 Feb 2010 11:38:33 +0000</pubDate>
		<dc:creator>shutdown</dc:creator>
				<category><![CDATA[Maquetación]]></category>

		<guid isPermaLink="false">http://www.recursospsd.com/?p=1489</guid>
		<description><![CDATA[JQuery Tools en un sitio web donde podemos encontrar una extensa colección de herramientas para darle funcionalidad y ese estilo 2.0 a nuestra web o portafolio. Podremos encontrar superposiciones, efectos de navegación, efectos visuales y muchos más. Todo ello lo podremos ver en acción gracias a su multitud de demos y ver los códigos de [...]]]></description>
			<content:encoded><![CDATA[<p>JQuery Tools en un sitio web donde podemos encontrar una extensa colección de herramientas para darle funcionalidad y ese estilo 2.0 a nuestra web o portafolio.</p>
<p><span id="more-1489"></span></p>
<p>Podremos encontrar superposiciones, efectos de navegación, efectos visuales y muchos más.</p>
<p>Todo ello lo podremos ver en acción gracias a su multitud de demos y ver los <strong>códigos de programación listos para insertar en tus proyectos web. </strong></p>
<p><a href="http://www.recursospsd.com/wp-content/uploads/2010/02/jquery-tools.gif"><img class="aligncenter size-full wp-image-1490" title="jquery-tools" src="http://www.recursospsd.com/wp-content/uploads/2010/02/jquery-tools.gif" alt="jquery tools JQuery Tools   Añade a tu web efectos llamativos" width="547" height="200" /></a></p>
<p>También nos permiten descargar cualquiera de los efectos por separado o todas en un solo archivo de 5.8 kb.</p>
<p><a href="http://flowplayer.org/tools/demos/index.html">Ver demos</a> |<a href="http://flowplayer.org/tools/index.html"> Visitar el sitio</a> | <a href="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js">Descargar JQuery</a></p>
<p>Enlace | <a href="http://flowplayer.org/tools/index.html">jQuery Tools</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.recursospsd.com/aplicarle-efectos-llamativos-a-la-web-con-jquery-tools/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
