<?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>Craftyman Blog &#187; CSS</title>
	<atom:link href="http://craftyman.net/category/desarrollo-web/css/http:/craftyman.net/category/desarrollo-web/css/feed/" rel="self" type="application/rss+xml" />
	<link>http://craftyman.net</link>
	<description>Redes Sociales, WordPress, Desarrollo Web, SEO</description>
	<lastBuildDate>Tue, 27 Jul 2010 14:29:29 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Soporte de CSS3 en IE6, 7 y 8</title>
		<link>http://craftyman.net/css3-en-ie/</link>
		<comments>http://craftyman.net/css3-en-ie/#comments</comments>
		<pubDate>Wed, 14 Jul 2010 04:29:08 +0000</pubDate>
		<dc:creator>craftyman</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Destacados]]></category>
		<category><![CDATA[Diseño Web]]></category>
		<category><![CDATA[CSS3]]></category>
		<category><![CDATA[CSS3 en IE]]></category>
		<category><![CDATA[CSS3 htc]]></category>

		<guid isPermaLink="false">http://craftyman.net/?p=1179</guid>
		<description><![CDATA[<p><img style="float:left;margin-right:10px;width:200px" class="teaser-image" src="http://craftyman.net/wp-content/themes/comming/scripts/timthumb.php?src=http://craftyman.net/wp-content/images/css3ie.png&amp;w=200&amp;h=120&amp;zc=1"/></p>Como sabemos, ni Internet Explorer 6, 7 ni 8 soportan CSS3, aunque IE8 tiene algunas propiedades todavía no está totalmente listo. Este script es consta de una serie de hacks para IE6, 7 y 8 que activaran el soporte de CSS3, entre estos se encuentran las propiedades más conocidas como: border-radius, box-shadow y text-shadow.]]></description>
		<wfw:commentRss>http://craftyman.net/css3-en-ie/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Optimizar web para imprimir con CSS</title>
		<link>http://craftyman.net/optimizar-web-imprimir-css/</link>
		<comments>http://craftyman.net/optimizar-web-imprimir-css/#comments</comments>
		<pubDate>Thu, 24 Jun 2010 14:42:39 +0000</pubDate>
		<dc:creator>craftyman</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Destacados]]></category>
		<category><![CDATA[Diseño Web]]></category>
		<category><![CDATA[Videos]]></category>
		<category><![CDATA[Optimización Web]]></category>
		<category><![CDATA[Screecast]]></category>
		<category><![CDATA[Videos CSS]]></category>

		<guid isPermaLink="false">http://craftyman.net/?p=1145</guid>
		<description><![CDATA[<p><img style="float:left;margin-right:10px;width:200px" class="teaser-image" src="http://craftyman.net/wp-content/themes/comming/scripts/timthumb.php?src=http://craftyman.net/wp-content/images/cssimprmir.jpg&amp;w=200&amp;h=120&amp;zc=1"/></p>Al querer imprimir una Web por lo general se descuadra todo en la vista previa de impresión, para solucionar este problema y dar un mejor aspecto a los usuarios ...]]></description>
		<wfw:commentRss>http://craftyman.net/optimizar-web-imprimir-css/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
<enclosure url="http://vnfiles.ign.com/ects/css-tricks/VideoCast-52.flv" length="199817559" type="video/x-flv" />
		</item>
		<item>
		<title>Crear Curriculum Vitae con CSS3</title>
		<link>http://craftyman.net/crear-curriculum-vitae-con-css3/</link>
		<comments>http://craftyman.net/crear-curriculum-vitae-con-css3/#comments</comments>
		<pubDate>Thu, 17 Jun 2010 02:35:42 +0000</pubDate>
		<dc:creator>craftyman</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Destacados]]></category>
		<category><![CDATA[Diseño Web]]></category>
		<category><![CDATA[crear curriculum vitae]]></category>
		<category><![CDATA[CSS3]]></category>
		<category><![CDATA[CV con CSS3]]></category>

		<guid isPermaLink="false">http://craftyman.net/?p=1131</guid>
		<description><![CDATA[<p><img style="float:left;margin-right:10px;width:200px" class="teaser-image" src="http://craftyman.net/wp-content/themes/comming/scripts/timthumb.php?src=http://craftyman.net/wp-content/images/css3cv1.jpg&amp;w=200&amp;h=120&amp;zc=1"/></p>SpeckyBoy.com ha creado una plantilla para poder tomarla de ejemplo y crear el nuestro facilmente, esta plantilla esta desarrollada con jQuery para algunas animaciones, también utiliza el nuevo API de Google para fuentes.]]></description>
		<wfw:commentRss>http://craftyman.net/crear-curriculum-vitae-con-css3/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Acordeón con CSS y jQuery</title>
		<link>http://craftyman.net/acordeon-con-css-y-jquery/</link>
		<comments>http://craftyman.net/acordeon-con-css-y-jquery/#comments</comments>
		<pubDate>Mon, 17 May 2010 18:12:22 +0000</pubDate>
		<dc:creator>craftyman</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Desarrollo Web]]></category>
		<category><![CDATA[Destacados]]></category>
		<category><![CDATA[JQuery]]></category>
		<category><![CDATA[Accordion CSS]]></category>
		<category><![CDATA[Accordion jQuery]]></category>

		<guid isPermaLink="false">http://craftyman.net/?p=1107</guid>
		<description><![CDATA[<p><img style="float:left;margin-right:10px;width:200px" class="teaser-image" src="http://craftyman.net/wp-content/themes/comming/scripts/timthumb.php?src=http://craftyman.net/wp-content/images/acordeoncssjquery.gif&amp;w=200&amp;h=120&amp;zc=1"/></p>Los Accordions <em>(acordeones)</em> son muy utiles para la organización de contenido en una página web, este acordeón es una creación de SOHTANAKA y este tutorial les explicara detalladamente como implementar un simple acordeón con CSS y jQuery, muy ligero ya que esta hecha desde cero.]]></description>
		<wfw:commentRss>http://craftyman.net/acordeon-con-css-y-jquery/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Crear Accordion con CSS3</title>
		<link>http://craftyman.net/crear-accordion-con-css3/</link>
		<comments>http://craftyman.net/crear-accordion-con-css3/#comments</comments>
		<pubDate>Mon, 05 Apr 2010 19:37:11 +0000</pubDate>
		<dc:creator>craftyman</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Desarrollo Web]]></category>
		<category><![CDATA[Destacados]]></category>
		<category><![CDATA[Accordion]]></category>
		<category><![CDATA[CSS3]]></category>
		<category><![CDATA[transition CSS3]]></category>

		<guid isPermaLink="false">http://craftyman.net/?p=1074</guid>
		<description><![CDATA[<p><img style="float:left;margin-right:10px;width:200px" class="teaser-image" src="http://craftyman.net/wp-content/themes/comming/scripts/timthumb.php?src=http://craftyman.net/wp-content/images/accordioncss3.jpg&amp;w=200&amp;h=120&amp;zc=1"/></p>Los acordeones nos permiten elegir la sección que deseamos ver dentro de un modulo en una pagina Web, estos también los podemos utilizar para listar una serie de preguntas y expandir las respuestas al darle click o al estar en mouse over. Esta técnica generalmente se realiza con Javascript y CSS, esta vez haremos la [...]]]></description>
		<wfw:commentRss>http://craftyman.net/crear-accordion-con-css3/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Fancy Checkbox con CSS y jQuery</title>
		<link>http://craftyman.net/fancy-checkbox-con-css-y-jquery/</link>
		<comments>http://craftyman.net/fancy-checkbox-con-css-y-jquery/#comments</comments>
		<pubDate>Mon, 22 Mar 2010 01:34:00 +0000</pubDate>
		<dc:creator>craftyman</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Desarrollo Web]]></category>
		<category><![CDATA[JQuery]]></category>
		<category><![CDATA[Checkbox CSS]]></category>

		<guid isPermaLink="false">http://craftyman.net/?p=1069</guid>
		<description><![CDATA[<p><img style="float:left;margin-right:10px;width:200px" class="teaser-image" src="http://craftyman.net/wp-content/themes/comming/scripts/timthumb.php?src=http://craftyman.net/wp-content/images/jquery_fancy_checkboxes.png&amp;w=200&amp;h=120&amp;zc=1"/></p>Este es un script que cambiara la apariencia de los clásicos elementos checkbox de los formularios web, para nuestro ejemplo utilizaremos jQuery que lo llamaremos directamente de Google API. Comenzando con el JavaScript Primero incluiremos la librería jQuery, luego utilizaremos una función para que convierta los simples checkbox en botones seleccionables: &lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"&gt;&lt;/script&gt; &lt;script [...]]]></description>
		<wfw:commentRss>http://craftyman.net/fancy-checkbox-con-css-y-jquery/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Multiples columnas utilizando listas y CSS</title>
		<link>http://craftyman.net/multiples-columnas-utilizando-listas/</link>
		<comments>http://craftyman.net/multiples-columnas-utilizando-listas/#comments</comments>
		<pubDate>Fri, 19 Feb 2010 14:36:21 +0000</pubDate>
		<dc:creator>craftyman</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Diseño Web]]></category>
		<category><![CDATA[multiples columnas css]]></category>
		<category><![CDATA[ul li]]></category>

		<guid isPermaLink="false">http://craftyman.net/?p=1060</guid>
		<description><![CDATA[<p><img style="float:left;margin-right:10px;width:200px" class="teaser-image" src="http://craftyman.net/wp-content/themes/comming/scripts/timthumb.php?src=http://craftyman.net/wp-content/images/multicolum.jpg&amp;w=200&amp;h=120&amp;zc=1"/></p>Crear listas con multiples columnas en nuestra Web es una manera muy utíl de reducir espacio innecesario y aprovecharlo con otros modulos, por ejemplo en mi blog tengo una lista de categorías en el sidebar, estan en 2 columnas y para mi encajan a la perfección.]]></description>
		<wfw:commentRss>http://craftyman.net/multiples-columnas-utilizando-listas/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Gráficos de barras con CSS y Javascript</title>
		<link>http://craftyman.net/graficos-de-barras-con-css-y-javascript/</link>
		<comments>http://craftyman.net/graficos-de-barras-con-css-y-javascript/#comments</comments>
		<pubDate>Tue, 19 Jan 2010 19:28:26 +0000</pubDate>
		<dc:creator>craftyman</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[charts]]></category>
		<category><![CDATA[graficos de barras]]></category>

		<guid isPermaLink="false">http://craftyman.net/?p=1051</guid>
		<description><![CDATA[<p><img style="float:left;margin-right:10px;width:200px" class="teaser-image" src="http://craftyman.net/wp-content/themes/comming/scripts/timthumb.php?src=http://craftyman.net/wp-content/images/csscharts.gif&amp;w=200&amp;h=120&amp;zc=1"/></p><div style="text-align:center"><img src="http://craftyman.net/wp-content/images/csscharts.gif" /></div>
<p>&nbsp;</p>
CSScharts es un método para generar gráficos de barras sin necesidad de utilizar la potencia de PHP, muy eficiente para tareas simples, en este tutorial podremos ver la manera más fácil de implementar en nuestra aplicación Web.
]]></description>
		<wfw:commentRss>http://craftyman.net/graficos-de-barras-con-css-y-javascript/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Zen Coding: Acelera la escritura de HTML/CSS</title>
		<link>http://craftyman.net/zen-coding-acelera-la-escritura-de-htmlcss/</link>
		<comments>http://craftyman.net/zen-coding-acelera-la-escritura-de-htmlcss/#comments</comments>
		<pubDate>Thu, 26 Nov 2009 14:03:03 +0000</pubDate>
		<dc:creator>craftyman</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Desarrollo Web]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Zen Coding]]></category>

		<guid isPermaLink="false">http://craftyman.net/?p=1023</guid>
		<description><![CDATA[<p><img style="float:left;margin-right:10px;width:200px" class="teaser-image" src="http://craftyman.net/wp-content/themes/comming/scripts/timthumb.php?src=http://craftyman.net/wp-content/images/zenconding-tbn.jpg&amp;w=200&amp;h=120&amp;zc=1"/></p><div style="text-align:center"><img src="http://craftyman.net/wp-content/images/zencoding.jpg" /></div>
<p>&nbsp;</p>
Zen Coding es una herramienta que nos ayudara en acelerar la escritura de nuestro código <strong>HTML</strong> y <strong>CSS</strong> utilizando una sintaxis muy intuitiva que nos generara automáticamente con presionar <em><strong>ctrl+,</strong></em> la estructura real de nuestro código.

Esta Herramienta esta disponible online, de manera que no necesitamos instalar nada para probar su funcionalidad ...

]]></description>
		<wfw:commentRss>http://craftyman.net/zen-coding-acelera-la-escritura-de-htmlcss/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Ordenar columnas de una tabla con Javascript y TinyTable</title>
		<link>http://craftyman.net/ordenar-columnas-de-una-tabla-con-javascript-y-tinytable/</link>
		<comments>http://craftyman.net/ordenar-columnas-de-una-tabla-con-javascript-y-tinytable/#comments</comments>
		<pubDate>Mon, 23 Nov 2009 13:41:16 +0000</pubDate>
		<dc:creator>craftyman</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Desarrollo Web]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Ordenar tabla javascript]]></category>
		<category><![CDATA[TinyTable]]></category>

		<guid isPermaLink="false">http://craftyman.net/?p=1018</guid>
		<description><![CDATA[<p><img style="float:left;margin-right:10px;width:200px" class="teaser-image" src="http://craftyman.net/wp-content/themes/comming/scripts/timthumb.php?src=http://craftyman.net/wp-content/images/tinytab-1.jpg&amp;w=200&amp;h=120&amp;zc=1"/></p>TinyTable es una librería con el fin de ordenar columnas de una tabla, esta funcionalidad la realiza con JavaScript, sin peticiones al Servidor de Base de Datos.

Esta librería no solo tiene la opción para ordenar, también nos permite: Paginar, customizar el numero de filas por pagina, buscar por contenido en la tabla ...]]></description>
		<wfw:commentRss>http://craftyman.net/ordenar-columnas-de-una-tabla-con-javascript-y-tinytable/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
