<?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>Sentido Web &#187; css xhtml</title>
	<atom:link href="http://sentidoweb.com/tag/css-xhtml/feed" rel="self" type="application/rss+xml" />
	<link>http://sentidoweb.com</link>
	<description>Desarrollo web, HTML, CSS, Javascript, PHP, MySQL</description>
	<lastBuildDate>Mon, 16 Jan 2012 10:16:20 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>CSS Frame Generator: obtener la estructura CSS</title>
		<link>http://sentidoweb.com/2008/04/08/css-frame-generator-obtener-la-estructura-css.php</link>
		<comments>http://sentidoweb.com/2008/04/08/css-frame-generator-obtener-la-estructura-css.php#comments</comments>
		<pubDate>Tue, 08 Apr 2008 18:00:00 +0000</pubDate>
		<dc:creator>displaynone</dc:creator>
				<category><![CDATA[css]]></category>
		<category><![CDATA[css xhtml]]></category>

		<guid isPermaLink="false">http://sentidoweb.com/2008/04/08/css-frame-generator-obtener-la-estructura-css.php</guid>
		<description><![CDATA[Buena herramienta que nos devuelve la estructura CSS básica que deberíamos usar para darle estilos a un HTML. Aunque no todos los estilos van a sernos necesarios, si es útil para obtener la estructura inicial y así poder trabajar con algo inicialmente. Indicando un HTML obtendremos un CSS (vacío) como el siguiente: #root &#123; &#125; [...]]]></description>
			<content:encoded><![CDATA[<p>Buena herramienta que nos devuelve la estructura CSS básica que deberíamos usar para darle estilos a un HTML. Aunque no todos los estilos van a sernos necesarios, si es útil para obtener la estructura inicial y así poder trabajar con algo inicialmente.</p>
<p>Indicando un HTML obtendremos un CSS (vacío) como el siguiente:</p>
<pre><code><pre class="css"><span style="color: #cc00cc;">#root <span style="color: #66cc66;">&#123;</span></span>  <span style="color: #66cc66;">&#125;</span>
<span style="color: #cc00cc;">#content <span style="color: #66cc66;">&#123;</span></span>  <span style="color: #66cc66;">&#125;</span>
<span style="color: #cc00cc;">#top <span style="color: #66cc66;">&#123;</span></span>  <span style="color: #66cc66;">&#125;</span>
<span style="color: #cc00cc;">#logo <span style="color: #66cc66;">&#123;</span></span>  <span style="color: #66cc66;">&#125;</span>
#logo a <span style="color: #66cc66;">&#123;</span>  <span style="color: #66cc66;">&#125;</span>
#top p<span style="color: #6666ff;">.version </span><span style="color: #66cc66;">&#123;</span>  <span style="color: #66cc66;">&#125;</span>
#top div<span style="color: #6666ff;">.balloon </span><span style="color: #66cc66;">&#123;</span>  <span style="color: #66cc66;">&#125;</span>
#top div<span style="color: #6666ff;">.balloon </span>h2 <span style="color: #66cc66;">&#123;</span>  <span style="color: #66cc66;">&#125;</span>
#top div<span style="color: #6666ff;">.balloon </span>p <span style="color: #66cc66;">&#123;</span>  <span style="color: #66cc66;">&#125;</span>
#top div<span style="color: #6666ff;">.balloon </span>p strong <span style="color: #66cc66;">&#123;</span>  <span style="color: #66cc66;">&#125;</span>
#top div<span style="color: #6666ff;">.balloon </span>p em <span style="color: #66cc66;">&#123;</span>  <span style="color: #66cc66;">&#125;</span>
#more<span style="color: #6666ff;">.box </span><span style="color: #66cc66;">&#123;</span>  <span style="color: #66cc66;">&#125;</span>
#more<span style="color: #6666ff;">.box </span>h2 <span style="color: #66cc66;">&#123;</span>  <span style="color: #66cc66;">&#125;</span>
#more<span style="color: #6666ff;">.box </span>p <span style="color: #66cc66;">&#123;</span>  <span style="color: #66cc66;">&#125;</span>
#more<span style="color: #6666ff;">.box </span>ol<span style="color: #6666ff;">.properties </span><span style="color: #66cc66;">&#123;</span>  <span style="color: #66cc66;">&#125;</span></pre></code></pre>
<p><a href="http://lab.xms.pl/css-generator/">CSS Frame Generator</a></p>
<p>Vía / <a href="http://www.cssglobe.com/post/1513/convert-your-xhtml-to-css-in-a-flash">CSS Globe</a></p>
]]></content:encoded>
			<wfw:commentRss>http://sentidoweb.com/2008/04/08/css-frame-generator-obtener-la-estructura-css.php/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>YAML: framework CSS</title>
		<link>http://sentidoweb.com/2007/08/31/yaml-framework-css.php</link>
		<comments>http://sentidoweb.com/2007/08/31/yaml-framework-css.php#comments</comments>
		<pubDate>Fri, 31 Aug 2007 16:30:00 +0000</pubDate>
		<dc:creator>displaynone</dc:creator>
				<category><![CDATA[css]]></category>
		<category><![CDATA[css framework]]></category>
		<category><![CDATA[css xhtml]]></category>

		<guid isPermaLink="false">http://sentidoweb.com/2007/08/31/yaml-framework-css.php</guid>
		<description><![CDATA[YAML (Yet Another Multicolumn Layout) es un framework XHTML/CSS que nos permite crear plantillas para diseños web proporcionandonos diferentes tipos de layouts. Está basado en estándares, es sencillo de usar y comprobado en sitios web profesionales. A parte, nos ofrece una herramienta online para crear nuestros propios diseños de forma rápida y sencilla. Tan solo [...]]]></description>
			<content:encoded><![CDATA[<strong>YAML</strong> (Yet Another Multicolumn Layout) es un framework XHTML/CSS que nos permite crear plantillas para diseños web proporcionandonos diferentes tipos de layouts. Está basado en estándares, es sencillo de usar y comprobado en sitios web profesionales.
<img alt="yaml.png" src="http://sentidoweb.com/img/2007/08/yaml.png" width="350" height="233" class="center" />
A parte, nos ofrece una <a href="http://builder.yaml.de">herramienta online</a> para crear nuestros propios diseños de forma rápida y sencilla. Tan solo deberemos indicar el tipo de diseño, los tamaños, podremos añadirle elementos HTML y por último recuperar el código fuente.
<a href="http://www.yaml.de">YAML</a>
Vía / <a href="http://ajaxian.com/archives/yaml-the-css-framework">Ajaxian</a>
]]></content:encoded>
			<wfw:commentRss>http://sentidoweb.com/2007/08/31/yaml-framework-css.php/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

