<?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>diarioTHC, recursos para webmasters, bloggers y diseñadores &#187; css</title>
	<atom:link href="http://www.diariothc.com/tag/css/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.diariothc.com</link>
	<description>diarioTHC es el blog sobre recursos, tips y trucos de internet con ayuda y novedades para webmasters, bloggers y diseñadores.</description>
	<lastBuildDate>Fri, 24 May 2013 12:24:31 +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>
<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>4 apps para crear animaciones en CSS</title>
		<link>http://www.diariothc.com/4-apps-para-crear-animaciones-en-css/</link>
		<comments>http://www.diariothc.com/4-apps-para-crear-animaciones-en-css/#comments</comments>
		<pubDate>Sun, 12 Feb 2012 10:30:08 +0000</pubDate>
		<dc:creator>Cristina</dc:creator>
				<category><![CDATA[3D&Animation]]></category>
		<category><![CDATA[animaciones]]></category>
		<category><![CDATA[animaciones CSS]]></category>
		<category><![CDATA[aplicaciones CSS]]></category>
		<category><![CDATA[Apps]]></category>
		<category><![CDATA[css]]></category>

		<guid isPermaLink="false">http://www.diariothc.com/?p=5522</guid>
		<description><![CDATA[Hoy en Diario THC les vamos a hablar de animación. Para ello nos hemos hecho con 4 apps para crear animaciones en CSS, que aunque no les van a salir gratis, en la mayoría de los casos ofrecen versiones gratuitas de prueba, para que las testen y de paso vean si eso del diseño animado es [...]]]></description>
				<content:encoded><![CDATA[<p>Hoy en Diario THC les vamos a hablar de animación. Para ello nos hemos hecho con <strong>4 apps para crear animaciones en CSS</strong>, que aunque no les van a salir gratis, en la mayoría de los casos ofrecen versiones gratuitas de prueba, para que las testen y de paso vean si eso del diseño animado es lo suyo o no. Para irnos directamente al grano, vamos a pasar a verlas todas:</p>
<p><img class="aligncenter size-full wp-image-5525" title="Programas-animacion-CSS3-Adobe-Edge-200x200" src="http://www.diariothc.com/wp-content/uploads/2012/02/Programas-animacion-CSS3-Adobe-Edge-200x200.jpg" alt="" width="200" height="200" /></p>
<p><strong>Adobe Egde: </strong>una de las apps más versátiles, porque la tienen tanto para Windows como para Mac. Además al estar en beta, les ofrece la posibilidad de descargársela de forma totalmente gratuita, así que si es la primera vez que van a probarla es una buena idea.</p>
<p>Adobe Egde | <a href="http://labs.adobe.com/technologies/edge/" rel="nofollow">Descargar</a></p>
<p><img class="aligncenter size-full wp-image-5526" title="Programas-animacion-CSS3-sencha-animator-200x200" src="http://www.diariothc.com/wp-content/uploads/2012/02/Programas-animacion-CSS3-sencha-animator-200x200.jpg" alt="" width="200" height="200" /></p>
<p><strong>Sencha Animator: </strong>esta aplicación les permitirá crear diseños web con animaciones CSS3, así como aplicaciones para iPhone o iPad. El único inconveniente es su precio de 199 dólares, aunque tienen una versión de prueba de 15 días. Es compatible con Windows, Mac y Linux</p>
<p>Sencha Animator | <a href="http://www.sencha.com/products/animator/demos/">Descargar Demo 15 dias</a></p>
<p><img class="aligncenter size-full wp-image-5523" title="Programas-animacion-CSS3-Purple-200x160" src="http://www.diariothc.com/wp-content/uploads/2012/02/Programas-animacion-CSS3-Purple-200x160.jpg" alt="" width="200" height="160" /></p>
<p><strong>Purple</strong>: es en realidad más o menos lo mismo que la anterior, aunque en este caso es solo para Mac y su precio se reduce solo a 19,99 dólares.</p>
<p>Purple | <a href="http://itunes.apple.com/us/app/purple/id433132196?mt=12&amp;ign-mpt=uo%3D4">Descargar de Mac Store</a></p>
<p><img class="aligncenter size-full wp-image-5524" title="Programas-animacion-CSS3-Hype-200x200" src="http://www.diariothc.com/wp-content/uploads/2012/02/Programas-animacion-CSS3-Hype-200x200.jpg" alt="" width="200" height="200" /></p>
<p><strong>Hype</strong>: muy similar en cuanto a la interfaz a Adobe Flash permite usar además de CSS 3, Javascript y exportar código HTML. Tienen un coste de 49,99 dólares.</p>
<p>Hype | <a href="http://tumultco.com/hype/download/">Descargar version de Prueba</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.diariothc.com/4-apps-para-crear-animaciones-en-css/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Tiendas online, Plantillas CSS/XHTML para vender tus productos</title>
		<link>http://www.diariothc.com/tiendas-online-plantillas-css-xhtml-para-vender-tus-productos/</link>
		<comments>http://www.diariothc.com/tiendas-online-plantillas-css-xhtml-para-vender-tus-productos/#comments</comments>
		<pubDate>Mon, 18 Oct 2010 17:12:53 +0000</pubDate>
		<dc:creator>Javier Asín</dc:creator>
				<category><![CDATA[CodesWeb]]></category>
		<category><![CDATA[CSS&XHTML]]></category>
		<category><![CDATA[Diseño]]></category>
		<category><![CDATA[Otros]]></category>
		<category><![CDATA[Templates&Themes]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Plantillas]]></category>
		<category><![CDATA[Temas]]></category>
		<category><![CDATA[Tiendas online]]></category>

		<guid isPermaLink="false">http://www.diariothc.com/?p=3921</guid>
		<description><![CDATA[Si estás buscando una buena plantilla para comenzar a desarrollar tu tienda en internet, quizás te interese echar un vistazo a estas plantillas. Se trata de una pequeña recopilación de temas que podrás implementar en WordPress, Joomla, Drupal y que además son gratuitas. iPhone App (Descargar) Shop Around (Demo &#124; Descargar) Ikonik (Demo &#124; Descargar) Speed Racing [...]]]></description>
				<content:encoded><![CDATA[<p style="text-align: center;"><a href="http://www.diariothc.com/wp-content/uploads/2010/10/Online_Shop.gif" rel="shadowbox[sbpost-3921];player=img;" title="Online_Shop"><img class="alignnone size-full wp-image-3922" title="Online_Shop" src="http://www.diariothc.com/wp-content/uploads/2010/10/Online_Shop.gif" alt="" width="300" height="300" /></a></p>
<p>Si estás buscando una buena <a href="http://www.diariothc.com/tag/plantillas/">plantilla</a> para comenzar a desarrollar tu tienda en internet, quizás te interese echar un vistazo a estas plantillas. Se trata de una pequeña <a href="http://www.diariothc.com/tag/recursos/">recopilación</a> de temas que podrás implementar en <a href="http://www.diariothc.com/tag/wordpress/">WordPress</a>, Joomla, Drupal y que además son gratuitas.</p>
<p><span id="more-3921"></span></p>
<h4><a rel="nofollow" href="http://jonnotie.nl/templates/iphone/">iPhone App</a> (<a rel="nofollow" href="http://jonnotie.nl/templates/iphone/iphone.zip">Descargar</a>)</h4>
<p style="text-align: center;"><a href="http://www.diariothc.com/wp-content/uploads/2010/10/csstemplates6.jpg" rel="shadowbox[sbpost-3921];player=img;"><img class="alignnone size-full wp-image-3924" src="http://www.diariothc.com/wp-content/uploads/2010/10/csstemplates6.jpg" alt="" width="480" height="380" /></a></p>
<h4><a rel="nofollow" href="http://chocotemplates.com/ecommerce-free-css-template/shop-around/">Shop Around</a> (<a rel="nofollow" href="http://chocotemplates.com/ecommerce-free-css-template/shop-around/#">Demo </a>| <a rel="nofollow" href="http://chocotemplates.com/proceed.php?q=NWEtNmY3ZjY5LTY5fGZyZWUtc3RhbmRhcmR8MjU4fHNob3AtYXJvdW5k">Descargar</a>)</h4>
<p style="text-align: center;"><a href="http://www.diariothc.com/wp-content/uploads/2010/10/csstemplates67.jpg" rel="shadowbox[sbpost-3921];player=img;"><img class="alignnone size-full wp-image-3925" src="http://www.diariothc.com/wp-content/uploads/2010/10/csstemplates67.jpg" alt="" width="480" height="340" /></a></p>
<h4><a rel="nofollow" href="http://www.csstemplatesfree.org/ikonik.html">Ikonik</a> (<a rel="nofollow" href="http://www.csstemplatesfree.org/templates/ikonik/">Demo </a>| <a rel="nofollow" href="http://www.csstemplatesfree.org/download/ikonik-tokokoo-giveaway.zip">Descargar</a>)</h4>
<p style="text-align: center;"><a href="http://www.diariothc.com/wp-content/uploads/2010/10/csstemplates4.jpg" rel="shadowbox[sbpost-3921];player=img;"><img class="alignnone size-full wp-image-3926" src="http://www.diariothc.com/wp-content/uploads/2010/10/csstemplates4.jpg" alt="" width="480" height="340" /></a></p>
<h4><a rel="nofollow" href="http://www.csstemplatesfree.org/speed-racing.html">Speed Racing</a> (<a rel="nofollow" href="http://www.csstemplatesfree.org/templates/Speed-Racing/">Demo </a>| <a rel="nofollow" href="http://blog.templatemonster.com/2010/06/07/free-racing-website-template/">Descargar</a>)</h4>
<p style="text-align: center;"><a href="http://www.diariothc.com/wp-content/uploads/2010/10/csstemplates20.jpg" rel="shadowbox[sbpost-3921];player=img;"><img class="alignnone size-full wp-image-3927" src="http://www.diariothc.com/wp-content/uploads/2010/10/csstemplates20.jpg" alt="" width="480" height="380" /></a></p>
<h4><a rel="nofollow" href="http://www.templatemo.com/preview/templatemo_216_pink_shop">PinkShop</a> (<a rel="nofollow" href="http://www.templatemo.com/templates/templatemo_216_pink_shop">Demo </a>| <a rel="nofollow" href="http://www.templatemo.com/download/templatemo_216_pink_shop">Descargar</a>)</h4>
<p style="text-align: center;"><a href="http://www.diariothc.com/wp-content/uploads/2010/10/csstemplates23.jpg" rel="shadowbox[sbpost-3921];player=img;"><img class="alignnone size-full wp-image-3928" src="http://www.diariothc.com/wp-content/uploads/2010/10/csstemplates23.jpg" alt="" width="480" height="390" /></a></p>
<h4><a rel="nofollow" href="http://csscreme.com/freecsstemplate/book_store/">Book Store</a> (<a rel="nofollow" href="http://csscreme.com/freecsstemplate/book_store/">Demo </a>| <a rel="nofollow" href="http://csscreme.com/tpsaveas.php?tp=book_store.zip">Descargar</a>)</h4>
<p style="text-align: center;"><a href="http://www.diariothc.com/wp-content/uploads/2010/10/csstemplates40.jpg" rel="shadowbox[sbpost-3921];player=img;"><img class="alignnone size-full wp-image-3929" src="http://www.diariothc.com/wp-content/uploads/2010/10/csstemplates40.jpg" alt="" width="480" height="360" /></a></p>
<ul>
<li>Visto en <a rel="nofollow" href="http://www.noupe.com/css/50-free-css-x-html-templates.html" target="_blank">Noupe.com</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.diariothc.com/tiendas-online-plantillas-css-xhtml-para-vender-tus-productos/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>sIMPRESS: WordPress Theme de 3 columnas, sencillo y muy funcional</title>
		<link>http://www.diariothc.com/simpress-wordpress-theme-de-3-columnas-sencillo-y-muy-funcional/</link>
		<comments>http://www.diariothc.com/simpress-wordpress-theme-de-3-columnas-sencillo-y-muy-funcional/#comments</comments>
		<pubDate>Tue, 05 Oct 2010 18:34:10 +0000</pubDate>
		<dc:creator>Javier Asín</dc:creator>
				<category><![CDATA[CMS]]></category>
		<category><![CDATA[Diseño]]></category>
		<category><![CDATA[Templates&Themes]]></category>
		<category><![CDATA[Utilidades Blogs]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[Temas]]></category>
		<category><![CDATA[Wordpress Themes]]></category>

		<guid isPermaLink="false">http://www.diariothc.com/?p=3899</guid>
		<description><![CDATA[sIMPRESS es un WordPress Theme con un diseño muy sencillo pero que puede ofrecer mucha funcionalidad a tu Sitio web. Dispone de un layout de 3 columnas con hoja de estilo en verde y blanco. 2 barras laterales a la izquierda con el contenido principal a la derecha. También dispone de un menú superior para [...]]]></description>
				<content:encoded><![CDATA[<p style="text-align: center;"><a href="http://www.diariothc.com/wp-content/uploads/2010/10/simpress.jpg" rel="shadowbox[sbpost-3899];player=img;" title="simpress"><img class="alignnone size-full wp-image-3900" title="simpress" src="http://www.diariothc.com/wp-content/uploads/2010/10/simpress.jpg" alt="" width="480" height="420" /></a></p>
<p><strong>sIMPRESS</strong> es un <a href="http://www.diariothc.com/tag/temas/">WordPress Theme</a> con un diseño muy sencillo pero que puede ofrecer mucha funcionalidad a tu Sitio web. Dispone de un layout de 3 columnas con hoja de estilo en verde y blanco. 2 barras laterales a la izquierda con el contenido principal a la derecha.</p>
<p>También dispone de un menú superior para mostrar las páginas. Le puedes añadir tu propio logo y como decimos siempre si te atreves a tocar algo de código puedes personalizarlo fácilmente.</p>
<p><span id="more-3899"></span>Puedes descargarlo gratuitamente <a rel="nofollow" href="http://www.dezinerfolio.com/2007/10/10/just-another-wodpress-theme" target="_blank">desde esta página</a>. Es un tema sobre el que puedes trabajar y que ofrece muchas posibilidades o también para utilizarlo como blog personal, perfecto!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.diariothc.com/simpress-wordpress-theme-de-3-columnas-sencillo-y-muy-funcional/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>RIGHTdirection: Plantilla CSS/Html para diseño empresarial</title>
		<link>http://www.diariothc.com/rightdirection-plantilla-css-html-para-diseno-empresarial/</link>
		<comments>http://www.diariothc.com/rightdirection-plantilla-css-html-para-diseno-empresarial/#comments</comments>
		<pubDate>Wed, 29 Sep 2010 16:31:22 +0000</pubDate>
		<dc:creator>Javier Asín</dc:creator>
				<category><![CDATA[CMS]]></category>
		<category><![CDATA[CSS&XHTML]]></category>
		<category><![CDATA[Diseño]]></category>
		<category><![CDATA[Templates&Themes]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[Plantillas]]></category>
		<category><![CDATA[Temas]]></category>

		<guid isPermaLink="false">http://www.diariothc.com/?p=3849</guid>
		<description><![CDATA[Si ayer os mostramos un tema para wordpress sencillo hoy vamos a ver una plantilla CSS/XHtml con un aspecto más profesional. Se trata de RIGHTdirection de chocotemplates que se puede utilizar para desarrollar una página de empresa, portfolio de trabajos o para mostrar un producto en internet. El diseño de esta plantilla se puede implementar [...]]]></description>
				<content:encoded><![CDATA[<p style="text-align: center;"><a href="http://www.diariothc.com/wp-content/uploads/2010/09/Captura-de-pantalla-2010-09-29-a-las-18.15.53.png" rel="shadowbox[sbpost-3849];player=img;" title="Captura de pantalla 2010-09-29 a las 18.15.53"><img class="alignnone size-full wp-image-3850" title="Captura de pantalla 2010-09-29 a las 18.15.53" src="http://www.diariothc.com/wp-content/uploads/2010/09/Captura-de-pantalla-2010-09-29-a-las-18.15.53.png" alt="" width="480" height="260" /></a></p>
<p>Si ayer os mostramos un <a href="http://www.diariothc.com/tema-wordpres-imprezz-rapido-sencillo-3-columnas/">tema para wordpress sencillo</a> hoy vamos a ver una plantilla <a href="http://www.diariothc.com/tag/css/">CSS</a>/<a href="http://www.diariothc.com/tag/html/">XHtml</a> con un aspecto más profesional. Se trata de <strong>RIGHTdirection</strong> de chocotemplates que se puede utilizar para desarrollar una página de empresa, portfolio de trabajos o para mostrar un producto en internet.</p>
<p>El diseño de esta <a href="http://www.diariothc.com/tag/plantillas/">plantilla</a> se puede implementar en CMS como WordPress, Joomla, Drupal. Se proporcionan archivos necesarios en <a href="http://www.diariothc.com/tag/photoshop/">PSD</a>, <a href="http://www.diariothc.com/tag/html/">XHtml</a> y <a href="http://www.diariothc.com/tag/css/">CSS</a> para hacerlo.</p>
<p>Dispone de un área para productos destacada desarrollada en <a href="http://www.diariothc.com/tag/javascript/">Javascript</a> con un diseño en PSD como de vaquero. Por lo demás se trata de un sencillo diseño pero que causará un buen impacto visual a tus visitantes.</p>
<p><span id="more-3849"></span></p>
<p style="text-align: center;"><a href="http://www.diariothc.com/wp-content/uploads/2010/09/Captura-de-pantalla-2010-09-29-a-las-18.15.40.png" rel="shadowbox[sbpost-3849];player=img;" title="Captura de pantalla 2010-09-29 a las 18.15.40"><img class="alignnone size-full wp-image-3851" title="Captura de pantalla 2010-09-29 a las 18.15.40" src="http://www.diariothc.com/wp-content/uploads/2010/09/Captura-de-pantalla-2010-09-29-a-las-18.15.40.png" alt="" width="480" height="200" /></a></p>
<p><strong>RIGHTdirection</strong> tiene una licencia especial por la que puedes utilizar esta plantilla de forma gratuita si enlazas con chocotemplates. También tiene otra versión extendida que incluye el archivo PSD del Layout para poder editar cada elemento además de que podrás quitar el enlace al desarrollador.</p>
<ul>
<li>Puedes conseguir <strong>RIGHTdirection</strong> <a rel="nofollow" href="http://chocotemplates.com/corporate-free-css-template/rightdirection/" target="_blank">desde este enlace</a>.</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.diariothc.com/rightdirection-plantilla-css-html-para-diseno-empresarial/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Construye tu hoja de estilos facilmente con Instant CSS Code</title>
		<link>http://www.diariothc.com/construye-tu-hoja-de-estilos-facilmente-con-instant-css-code/</link>
		<comments>http://www.diariothc.com/construye-tu-hoja-de-estilos-facilmente-con-instant-css-code/#comments</comments>
		<pubDate>Tue, 14 Sep 2010 09:23:29 +0000</pubDate>
		<dc:creator>Javier Asín</dc:creator>
				<category><![CDATA[CodesWeb]]></category>
		<category><![CDATA[CSS&XHTML]]></category>
		<category><![CDATA[Diseño]]></category>
		<category><![CDATA[Herramientas Online]]></category>
		<category><![CDATA[Productividad]]></category>
		<category><![CDATA[Recursos&Software]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[Herramientas]]></category>
		<category><![CDATA[Hojas de estilo]]></category>
		<category><![CDATA[Recursos]]></category>

		<guid isPermaLink="false">http://www.diariothc.com/?p=3773</guid>
		<description><![CDATA[Como podéis ver últimamente se proporcionan multitud de herramientas online a base de proyectos, que te ayudan a diseñar o construir un sitio web. En este caso pongamos el caso de querer construir una hoja de estilos propia, para una intranet, para una página de empresa o sitio en internet. Para ello cuentas con Instant [...]]]></description>
				<content:encoded><![CDATA[<p style="text-align: center;"><a href="http://www.diariothc.com/wp-content/uploads/2010/09/Captura-de-pantalla-2010-09-14-a-las-11.05.40.png" rel="shadowbox[sbpost-3773];player=img;" title="Captura de pantalla 2010-09-14 a las 11.05.40"><img class="alignnone size-full wp-image-3774" title="Captura de pantalla 2010-09-14 a las 11.05.40" src="http://www.diariothc.com/wp-content/uploads/2010/09/Captura-de-pantalla-2010-09-14-a-las-11.05.40.png" alt="" width="480" height="300" /></a></p>
<p>Como podéis ver últimamente se proporcionan multitud de <a href="http://www.diariothc.com/tag/herramientas/">herramientas online</a> a base de proyectos, que te ayudan a diseñar o construir un sitio web. En este caso pongamos el caso de querer construir una <a href="http://www.diariothc.com/tag/css/">hoja de estilos propia</a>, para una intranet, para una página de empresa o sitio en internet.</p>
<p>Para ello cuentas con <strong>Instant CSS Code</strong>, una fantástica <a href="http://www.diariothc.com/tag/recursos/">aplicación web</a> que te permitirá hacerlo. Además tendrá el formato <strong>valid HTML/xHTML</strong> y podrás generarlo según tus preferencias en pocos pasos.</p>
<p>Los pasos a seguir según su desarrollador son los siguientes:</p>
<ul>
<li>Introduce el nombre de tu proyecto.</li>
<li>Selecciona las opciones.</li>
<li>Introduce etiquetas de Identificadores.</li>
<li>Enviar.</li>
<li>&#8230;. Instant CSS Code hace el resto.</li>
</ul>
<p><span id="more-3773"></span></p>
<p>Parece fácil y realmente lo es. Personalmente me guardo el enlace. Muchas veces no se trata de saber realizar una tarea sino de automatizar el proceso. Para ello <strong>Instant CSS Code</strong> es perfecto.</p>
<p>Puedes acceder a la página del proyecto <a rel="nofollow" href="http://instantcsscode.com/" target="_blank">Instant CSS Code</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.diariothc.com/construye-tu-hoja-de-estilos-facilmente-con-instant-css-code/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Como crear una barra de navegación en CSS3 con CSS3 Menu</title>
		<link>http://www.diariothc.com/como-crear-una-barra-de-navegacion-en-css3-con-css3-menu/</link>
		<comments>http://www.diariothc.com/como-crear-una-barra-de-navegacion-en-css3-con-css3-menu/#comments</comments>
		<pubDate>Fri, 10 Sep 2010 12:12:32 +0000</pubDate>
		<dc:creator>Javier Asín</dc:creator>
				<category><![CDATA[CodesWeb]]></category>
		<category><![CDATA[Diseño]]></category>
		<category><![CDATA[Herramientas Online]]></category>
		<category><![CDATA[Pienso/Desarrollo]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[Css3]]></category>
		<category><![CDATA[Css3 Menu]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Menus dinamicos]]></category>

		<guid isPermaLink="false">http://www.diariothc.com/?p=3733</guid>
		<description><![CDATA[CSS3 Menu es una aplicación online gratuita para crear tu propia barra de menús dinámica completamente en CSS3 y además sin utilizar para ello nada de Javascript. Puedes elegir desde la página de este proyecto el diseño que quieres, dispone de estilo Android, Mac y Apple, con variaciones en colores y estilos. Luego puedes visualizar el [...]]]></description>
				<content:encoded><![CDATA[<p style="text-align: center;"><a href="http://www.diariothc.com/wp-content/uploads/2010/09/Captura-de-pantalla-2010-09-10-a-las-13.38.59.png" rel="shadowbox[sbpost-3733];player=img;" title="Captura de pantalla 2010-09-10 a las 13.38.59"><img class="alignnone size-large wp-image-3735" title="Captura de pantalla 2010-09-10 a las 13.38.59" src="http://www.diariothc.com/wp-content/uploads/2010/09/Captura-de-pantalla-2010-09-10-a-las-13.38.59-1024x416.png" alt="" width="480" height="200" /></a></p>
<p><strong>CSS3 Menu</strong> es una aplicación online gratuita para crear tu propia barra de menús dinámica completamente en <a href="http://www.diariothc.com/tag/css/">CSS3</a> y además sin utilizar para ello nada de <a href="http://www.diariothc.com/tag/javascript/">Javascript</a>.</p>
<p>Puedes elegir desde la página de este proyecto el <a href="http://www.diariothc.com/tag/diseno/">diseño</a> que quieres, dispone de estilo <a href="http://www.diariothc.com/tag/android/">Android</a>, <a href="http://www.diariothc.com/tag/mac/">Mac</a> y <a href="http://www.diariothc.com/tag/apple/">Apple</a>, con variaciones en colores y estilos. Luego puedes visualizar el resultado y descargar el código para tu página, así de sencillo. Además está disponible para Windows y para Mac.</p>
<p>Los menús se generan con una estructura de listas en <a href="http://www.diariothc.com/tag/html/">Html</a> y se pueden implementar en horizontal o vertical, con submenús múltiples.</p>
<p><span id="more-3733"></span>Como decimos puedes <strong>previsualizar el menú generado</strong>, depués de que elijas tu estilo propio y luego descargar el código, listo para usar en tu página web.</p>
<p style="text-align: center;"><a href="http://www.diariothc.com/wp-content/uploads/2010/09/Captura-de-pantalla-2010-09-10-a-las-13.39.17.png" rel="shadowbox[sbpost-3733];player=img;" title="Captura de pantalla 2010-09-10 a las 13.39.17"><img class="alignnone size-full wp-image-3734" title="Captura de pantalla 2010-09-10 a las 13.39.17" src="http://www.diariothc.com/wp-content/uploads/2010/09/Captura-de-pantalla-2010-09-10-a-las-13.39.17.png" alt="" width="480" height="120" /></a></p>
<p>Puedes ver este ejemplo con estilo Mac o acceder directamente a la <a rel="nofollow" href="http://www.css3menu.com/apple.html" target="_blank">página de CSS3 Menu</a> para elegir tu propio diseño.</p>
<ul>
<li>Página web <a rel="nofollow" href="http://www.css3menu.com/apple.html" target="_blank">CSS3 Menu</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.diariothc.com/como-crear-una-barra-de-navegacion-en-css3-con-css3-menu/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>SugarCoated: Fantastica plantilla Html y Css</title>
		<link>http://www.diariothc.com/sugarcoated-fantastica-plantilla-html-y-css/</link>
		<comments>http://www.diariothc.com/sugarcoated-fantastica-plantilla-html-y-css/#comments</comments>
		<pubDate>Mon, 30 Aug 2010 08:38:45 +0000</pubDate>
		<dc:creator>Javier Asín</dc:creator>
				<category><![CDATA[CSS&XHTML]]></category>
		<category><![CDATA[Diseño]]></category>
		<category><![CDATA[Templates&Themes]]></category>
		<category><![CDATA[Utilidades Diseño]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[diseño web]]></category>
		<category><![CDATA[Drupal]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Joomla]]></category>
		<category><![CDATA[Plantillas]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://www.diariothc.com/?p=3674</guid>
		<description><![CDATA[La plantilla web que os queremos mostrar hoy, SugarCoated, de chocotemplates, con un diseño web al estilo de los blogs más actuales tiene un diseño final bastante bueno, además se puede orientar para ofrecer servicios web, como porfolios de diseñadores pero también como página de servicios profesionales. Además la puedes implementar fácilmente a otras plataformas como [...]]]></description>
				<content:encoded><![CDATA[<p style="text-align: center;"><a href="http://www.diariothc.com/wp-content/uploads/2010/08/Captura-de-pantalla-2010-08-30-a-las-09.58.13.png" rel="shadowbox[sbpost-3674];player=img;" title="Captura de pantalla 2010-08-30 a las 09.58.13"><img class="alignnone size-large wp-image-3675" title="Captura de pantalla 2010-08-30 a las 09.58.13" src="http://www.diariothc.com/wp-content/uploads/2010/08/Captura-de-pantalla-2010-08-30-a-las-09.58.13-1024x494.png" alt="" width="480" height="230" /></a></p>
<p>La <a href="http://www.diariothc.com/tag/plantillas/">plantilla web</a> que os queremos mostrar hoy, <strong>SugarCoated</strong>, de <strong>c</strong><strong>hocotemplates</strong>, con un diseño web al estilo de los blogs más actuales tiene un diseño final bastante bueno, además se puede orientar para ofrecer servicios web, como porfolios de diseñadores pero también como página de servicios profesionales.</p>
<p>Además la puedes implementar fácilmente a otras plataformas como <a href="http://www.diariothc.com/tag/wordpress/">WordPress</a>, Joomla, Drupal&#8230; Se administra un archivo PSD con el que poder trabajar, como cada tema de chocotemplates.</p>
<p>Hemos elegido esta plantilla porque nos ha parecido de un <a href="http://www.diariothc.com/tag/diseno-web/">diseño</a> final bastante bueno, aunque puedes acceder a múltiples plantillas, también gratuitas sobre las que podrás trabajar.</p>
<p><span id="more-3674"></span><a href="http://www.diariothc.com/wp-content/uploads/2010/08/Captura-de-pantalla-2010-08-30-a-las-09.58.40.png" rel="shadowbox[sbpost-3674];player=img;"></a></p>
<p style="text-align: center;"><a href="http://www.diariothc.com/wp-content/uploads/2010/08/Captura-de-pantalla-2010-08-30-a-las-09.58.40.png" rel="shadowbox[sbpost-3674];player=img;" title="Captura de pantalla 2010-08-30 a las 09.58.40"><img class="alignnone size-full wp-image-3676" title="Captura de pantalla 2010-08-30 a las 09.58.40" src="http://www.diariothc.com/wp-content/uploads/2010/08/Captura-de-pantalla-2010-08-30-a-las-09.58.40.png" alt="" width="480" height="360" /></a></p>
<p><strong>SugarCoated</strong> además cuenta con múltiples <a href="http://www.diariothc.com/tag/diseno/">diseños</a> de plantillas diferentes, para distintos tipos o esquemas de página, <strong>Home</strong>, <strong>Blog</strong>, <strong>página de contacto</strong>, <strong>portfolio</strong>, <strong>productos</strong>, que puedes adaptar según las necesidades de tu proyecto.</p>
<ul>
<li>Demo SugarCoated</li>
<li>Descargar <a rel="nofollow" href="http://chocotemplates.com/corporate-free-css-template/sugarcoated/" target="_blank">SugarCoated</a></li>
<li>Galería plantillas <a rel="nofollow" href="http://chocotemplates.com/browse/" target="_blank">chocotemplates</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.diariothc.com/sugarcoated-fantastica-plantilla-html-y-css/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Toucan Css Reset: minimiza las diferencias entre navegadores web</title>
		<link>http://www.diariothc.com/toucan-css-reset-minimiza-las-diferencias-en-diferentes-navegadores-web/</link>
		<comments>http://www.diariothc.com/toucan-css-reset-minimiza-las-diferencias-en-diferentes-navegadores-web/#comments</comments>
		<pubDate>Tue, 24 Aug 2010 15:09:01 +0000</pubDate>
		<dc:creator>Javier Asín</dc:creator>
				<category><![CDATA[Blogging]]></category>
		<category><![CDATA[CodesWeb]]></category>
		<category><![CDATA[CSS&XHTML]]></category>
		<category><![CDATA[Diseño]]></category>
		<category><![CDATA[Pienso/Desarrollo]]></category>
		<category><![CDATA[Recursos&Software]]></category>
		<category><![CDATA[Utilidades Diseño]]></category>
		<category><![CDATA[Codigo]]></category>
		<category><![CDATA[Codigo CSS]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[Navegadores]]></category>

		<guid isPermaLink="false">http://www.diariothc.com/?p=3664</guid>
		<description><![CDATA[Toucan Css Reset es un framework en CSS que te permitirá minimizar las diferencias de renderizado de objetos entre los diferentes navegadores web y realizará un reset en código Css para mostrar esta compatibilidad. Además recompondrá con las nuevas reglas genéricas para tipografía, cabeceras, listas, formularios, tablas&#8230; para que sean compatibles con cualquier navegador y [...]]]></description>
				<content:encoded><![CDATA[<p style="text-align: center;"><a href="http://www.diariothc.com/wp-content/uploads/2010/08/Captura-de-pantalla-2010-08-24-a-las-16.48.13.png" rel="shadowbox[sbpost-3664];player=img;" title="Captura de pantalla 2010-08-24 a las 16.48.13"><img class="alignnone size-full wp-image-3665" title="Captura de pantalla 2010-08-24 a las 16.48.13" src="http://www.diariothc.com/wp-content/uploads/2010/08/Captura-de-pantalla-2010-08-24-a-las-16.48.13.png" alt="" width="480" height="270" /></a></p>
<p><strong>Toucan Css Reset</strong> es un framework en <a href="http://www.diariothc.com/tag/css/">CSS</a> que te permitirá minimizar las <strong>diferencias de renderizado de objetos</strong> entre los diferentes <a href="http://www.diariothc.com/tag/navegadores/">navegadores</a> web y realizará un reset en código Css para mostrar esta compatibilidad.</p>
<p>Además recompondrá con las nuevas reglas genéricas para tipografía, cabeceras, listas, formularios, tablas&#8230; para que sean <strong>compatibles con cualquier navegador</strong> y tu página se visualice de igual forma en los distintos navegadores.</p>
<p>Toucan Css Reset se trata de un <strong>ligero framework</strong>, tan solo pesa 2,5 kb comprimido y realmente es fácil de enteder lo que hace. Lo puedes utilizar y aplicar a tus propios trabajos y beneficiarte de la compatibilidad que te proporcionará en todas tus páginas web.</p>
<p><span id="more-3664"></span></p>
<p style="text-align: center;"><a href="http://www.diariothc.com/wp-content/uploads/2010/08/Captura-de-pantalla-2010-08-24-a-las-17.04.02.png" rel="shadowbox[sbpost-3664];player=img;" title="Captura de pantalla 2010-08-24 a las 17.04.02"><img class="alignnone size-full wp-image-3667" title="Captura de pantalla 2010-08-24 a las 17.04.02" src="http://www.diariothc.com/wp-content/uploads/2010/08/Captura-de-pantalla-2010-08-24-a-las-17.04.02.png" alt="" width="480" height="360" /></a></p>
<p>Dispones de una Demo, para probar el código con cada elemento en diferentes navegadores y comprobar tu mismo la compatibilidad que ofrece. Perfecto para el diseño ya creado en tus páginas web.</p>
<ul>
<li>Demo Toucan Css Reset</li>
<li>Código <a rel="nofollow" href="http://borderleft.com/labs/" target="_blank">Toucan Css Reset</a></li>
<li>Introducción y forma de uso <a rel="nofollow" href="http://borderleft.com/labs/" target="_blank">Toucan Css Reset</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.diariothc.com/toucan-css-reset-minimiza-las-diferencias-en-diferentes-navegadores-web/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>HTML5Rocks: Google te trae las ultimas novedades en Html5 y CSS3</title>
		<link>http://www.diariothc.com/html5rocks-google-te-trae-las-ultimas-novedades-en-html5-y-css3/</link>
		<comments>http://www.diariothc.com/html5rocks-google-te-trae-las-ultimas-novedades-en-html5-y-css3/#comments</comments>
		<pubDate>Wed, 18 Aug 2010 13:44:55 +0000</pubDate>
		<dc:creator>Javier Asín</dc:creator>
				<category><![CDATA[CodesWeb]]></category>
		<category><![CDATA[Diseño]]></category>
		<category><![CDATA[Herramientas Online]]></category>
		<category><![CDATA[Pienso/Desarrollo]]></category>
		<category><![CDATA[Recursos]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[Css3]]></category>
		<category><![CDATA[google]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[Inspiración]]></category>
		<category><![CDATA[Internet]]></category>

		<guid isPermaLink="false">http://www.diariothc.com/?p=3638</guid>
		<description><![CDATA[HTML5Rocks es un recurso online de Google que comparte regularmente varios proyectos en Html5 y en Css3. Además añade tutoriales detallados con video en html5 o utilizando @web-fonts. A través de una interfaz realizada en Javascript y con propiedades en CSS3 y Html5 te trae código para que lo visualices de inmediato. También con HTML5Studio [...]]]></description>
				<content:encoded><![CDATA[<p style="text-align: center;"><a href="http://www.diariothc.com/wp-content/uploads/2010/08/Captura-de-pantalla-2010-08-18-a-las-15.31.55.png" rel="shadowbox[sbpost-3638];player=img;" title="123423-html5rocks-google"><img class="alignnone size-full wp-image-3639" title="123423-html5rocks-google" src="http://www.diariothc.com/wp-content/uploads/2010/08/Captura-de-pantalla-2010-08-18-a-las-15.31.55.png" alt="" width="480" height="200" /></a></p>
<p><strong>HTML5Rocks</strong> es un <a href="http://www.diariothc.com/tag/recursos/">recurso online</a> de Google que comparte regularmente varios proyectos en <a href="http://www.diariothc.com/tag/html5/">Html5</a> y en <a href="http://www.diariothc.com/tag/css3/">Css3</a>. Además añade tutoriales detallados con video en html5 o utilizando @web-fonts.</p>
<p>A través de una interfaz realizada en <a href="http://www.diariothc.com/tag/javascript/">Javascript</a> y con propiedades en CSS3 y Html5 te trae código para que lo visualices de inmediato.</p>
<p>También con <strong>HTML5Studio</strong> con lo que te trae los últimos proyectos como flip de imágenes, video player, carrusel de imágenes, geolocalización y otros proyectos de tipo <strong>open source</strong>. Además de servirte de <a href="http://www.diariothc.com/tag/inspiracion/">inspiración</a> puedes atreverte a implementar estos códigos en tu web.</p>
<p><span id="more-3638"></span></p>
<p style="text-align: center;"><a href="http://www.diariothc.com/wp-content/uploads/2010/08/Captura-de-pantalla-2010-08-18-a-las-15.43.27.png" rel="shadowbox[sbpost-3638];player=img;" title="324234-video-player-html5-google"><img class="alignnone size-full wp-image-3640" title="324234-video-player-html5-google" src="http://www.diariothc.com/wp-content/uploads/2010/08/Captura-de-pantalla-2010-08-18-a-las-15.43.27.png" alt="" width="443" height="318" /></a></p>
<p>Puedes acceder a todos estos recursos a través de la página del proyecto de <a href="http://www.html5rocks.com/" target="_blank">HTML5Rocks</a> desde la que puedes navegar y visualizar el contenido con el código implementado en ellas.</p>
<ul>
<li>Página proyecto <a rel="nofollow" href="http://www.html5rocks.com/" target="_blank">HTML5Rocks</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.diariothc.com/html5rocks-google-te-trae-las-ultimas-novedades-en-html5-y-css3/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>[Meme] Que significa CSS para ti</title>
		<link>http://www.diariothc.com/meme-que-significa-css-para-ti/</link>
		<comments>http://www.diariothc.com/meme-que-significa-css-para-ti/#comments</comments>
		<pubDate>Wed, 04 Aug 2010 10:21:12 +0000</pubDate>
		<dc:creator>Javier Asín</dc:creator>
				<category><![CDATA[Breves]]></category>
		<category><![CDATA[Comunidades]]></category>
		<category><![CDATA[diarioTHC]]></category>
		<category><![CDATA[Diseño]]></category>
		<category><![CDATA[Entretenimiento]]></category>
		<category><![CDATA[Geek]]></category>
		<category><![CDATA[Humor]]></category>
		<category><![CDATA[Inspiración]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[Web 2.0]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[Definicion CSS]]></category>
		<category><![CDATA[Estilar]]></category>
		<category><![CDATA[Meme CSS]]></category>

		<guid isPermaLink="false">http://www.diariothc.com/?p=3525</guid>
		<description><![CDATA[Que significa o mejor dicho Qué es Css para tí, recojemos el Meme que propone Pedro CM con la siguiente frase: CSS es el alma inspiradora y creativa del lugar, que nos ayuda a mostrar mejor nuestro contenido. Un sitio sin CSS es como las patatas fritas sin sal, están sosas. para Fernando Tellado CSS es: [...]]]></description>
				<content:encoded><![CDATA[<p style="text-align: center;"><a href="http://www.diariothc.com/wp-content/uploads/2010/08/css-is-awesome.jpg" rel="shadowbox[sbpost-3525];player=img;" title="css-is-awesome"><img class="alignnone size-full wp-image-3526" title="css-is-awesome" src="http://www.diariothc.com/wp-content/uploads/2010/08/css-is-awesome.jpg" alt="" width="317" height="297" /></a></p>
<p>Que significa o mejor dicho Qué es Css para tí, recojemos el Meme que propone <a rel="nofollow" href="http://www.cssblog.es/meme-concepto-de-css-ingenioso/" target="_blank">Pedro CM</a> con la siguiente frase:</p>
<blockquote><p>CSS es el alma inspiradora y creativa del lugar, que nos ayuda a mostrar mejor nuestro contenido.</p>
<p>Un sitio sin CSS es como las patatas fritas sin sal, están sosas.</p></blockquote>
<p>para <a rel="nofollow" href="http://ayudawordpress.com/que-es-para-ti-css-meme/" target="_blank">Fernando Tellado</a> CSS es:</p>
<blockquote><p>CSS es la poesía que el no-programador <strong>SI</strong> es capaz de apreciar</p></blockquote>
<p>algo de mi <a rel="nofollow" href="http://blog.estudiosinnova.com/" target="_blank">cosecha</a> propia:</p>
<blockquote><p>CSS es el color sobre códigos grises</p></blockquote>
<p>Animaos a seguir el Meme para compartir ideas originales. Paso el Meme a <a rel="external nofollow" href="http://www.disenowebz.com/">Toni Arco</a>, <a href="http://www.cristalab.org/">Freddie</a>, <a href="http://www.adseok.com/">Miguel Ford</a>, Federico Javier Elgarte.</p>
<p><span id="more-3525"></span>Esperamos vuestros comentarios sobre lo que es CSS para vosotros.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.diariothc.com/meme-que-significa-css-para-ti/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>
