<?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>Blog de diseño web y diseño grafico &#187; Frameworks</title>
	<atom:link href="http://www.mydesign.com.es/blog/category/frameworks/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.mydesign.com.es/blog</link>
	<description>herramientas, recursos y codigo para la web</description>
	<lastBuildDate>Mon, 15 Feb 2010 14:54:26 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>10 Frameworks para maquetacion CSS</title>
		<link>http://www.mydesign.com.es/blog/10-frameworks-para-maquetacion-css/</link>
		<comments>http://www.mydesign.com.es/blog/10-frameworks-para-maquetacion-css/#comments</comments>
		<pubDate>Thu, 08 Oct 2009 18:22:25 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Frameworks]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[frameworks css]]></category>
		<category><![CDATA[maquetacion css]]></category>

		<guid isPermaLink="false">http://www.mydesign.com.es/blog/?p=102</guid>
		<description><![CDATA[La mayoría de los diseñadores web deben haber oído hablar de &#8220;Frameworks CSS&#8221;, y seguramente algunos los han intentado usar.
Al igual que otros lenguajes de programacion y scripting, el CSS tienen un código que se puede repetir y puede ser empaquetado para facilitar nuestro trabajo diario.
Cuando se utilizan correctamente, los Frameworks CSS pueden reducir el [...]]]></description>
			<content:encoded><![CDATA[<p>La mayoría de los diseñadores web deben haber oído hablar de &#8220;Frameworks CSS&#8221;, y seguramente algunos los han intentado usar.</p>
<p>Al igual que otros lenguajes de programacion y scripting, el CSS tienen un código que se puede repetir y puede ser empaquetado para facilitar nuestro trabajo diario.</p>
<p>Cuando se utilizan correctamente, los Frameworks CSS pueden reducir el tiempo de desarrollo. Por otra parte, puede causar trabajo adicional y el tiempo adicional, si eliges el framework incorrecto.</p>
<p>Hay un montón de Frameworks CSS de código abierto, y se puede fácilmente llegar a ellos mediante el uso de Google. Aqui mostraremos 10 prometedores Frameworks CSS que valen la pena.</p>
<ol>
<li>
<h3><a title="Blueprint" href="http://www.blueprintcss.org/" target="_blank">Blueprint: A CSS Framework</a></h3>
<p><img title="blueprint" src="http://www.webdesignbooth.com/wp-content/uploads/2009/05/blueprint.png" alt="blueprint" width="412" height="100" /><br />
Blueprint incluye un restablecimiento CSS que elimina las discrepancias a través de diferentes navegadores. Hay un montón de herramientas externas y plantillas para ayudar a su desarrollo web con Blueprint.</li>
<li>
<h3><a title="960 Grid System" href="http://960.gs/" target="_blank">960 Grid System</a></h3>
<p><img title="960-system" src="http://www.webdesignbooth.com/wp-content/uploads/2009/05/960-system.jpg" alt="960-system" width="307" height="214" /><br />
Otro excelente Framework CSS que vale la pena. La descarga incluye plantillas para fireworks, photoshops, Inkscape, etc para que pueda empezar a diseñar su plantilla web de inmediato. El archivo PSD viene con guías preparadas para ahorrar a los diseñadores de un montón de tiempo.<img title="(más...)" src="http://www.mydesign.com.es/blog/wp-includes/js/tinymce/plugins/wordpress/img/trans.gif" alt="" /><span id="more-102"></span></p>
<p><span id="more-158"> </span></li>
<li>
<h3><a title="Tripoli Framework" href="http://devkick.com/lab/tripoli/" target="_blank">Tripoli Framework</a></h3>
<p>Trípoli ha sido probado y soporta prácticamente todos los navegadores disponibles, incluyendo IE5! Viene con algunos archivos de base, y algunos plugins como el &#8220;Diseño&#8221;, &#8220;Visual&#8221;, &#8220;Tipo&#8221;, y &#8220;negativo&#8221;.</li>
<li>
<h3><a title="YAML" href="http://www.yaml.de/en/" target="_blank">YAML – Yet Another Multicolumn Layout</a></h3>
<p>YAML es otro framework CSS que tiene una documentación muy buena. Usted puede empezar por la descarga de la documentación en PDF y el proyecto de ejemplo desde el sitio oficial. Hay algunas herramientas que le ayudarán en su desarrollo también. Por ejemplo, el constructor YAML puede crear diseños visuales basados en CSS.</li>
<li>
<h3><a title="YUI Grid CSS" href="https://developer.yahoo.com/yui/grids/" target="_blank">YUI Grid CSS</a></h3>
<p>YUI Grids CSS soporta diseños de ancho flexible, así como diseños de ancho fijo. Esta es la ventaja de YUI Grids CSS sobre los otros frameworks CSS. Para empezar a utilizar YUI Grids CSS, usted puede descargar la hoja de trucos y YUI Grids Builder desde el sitio oficial.</li>
<li>
<h3><a title="BlueTrip" href="http://bluetrip.org/" target="_blank">BlueTrip</a></h3>
<p><img title="bluetrip" src="http://www.webdesignbooth.com/wp-content/uploads/2009/05/bluetrip.jpg" alt="bluetrip" width="261" height="87" /><br />
BlueTrip es un framework destacado y hermoso que combina las ventajas de los diferentes frameworks CSS. El sitio oficial tiene una documentación completa y demos.</li>
<li>
<h3><a title="Content with style" href="http://www.contentwithstyle.co.uk/content/a-css-framework" target="_blank">Content With Style</a></h3>
<p><img title="content-with-style" src="http://www.webdesignbooth.com/wp-content/uploads/2009/05/content-with-style.jpg" alt="content-with-style" width="419" height="96" /><br />
Este es un diseño de ancho fijo y los archivos zip contienen algunos diseños como navegación vertical con 1 columna de contenido, la navegación vertical con 2 columnas de contenido, etc</li>
<li>
<h3><a title="Elastic CSS Framework" href="http://elasticss.com/" target="_blank">Elastic CSS Framework</a></h3>
<p><img title="elastic" src="http://www.webdesignbooth.com/wp-content/uploads/2009/05/elastic.jpg" alt="elastic" width="400" height="380" /><br />
Elastic proporciona un lenguaje declarativo para definir la estructura de diseño y comportamiento. Este es un framework jóven, y el mejor sitio de demostración del uso de elastic es el sitio oficial en sí.</li>
<li>
<h3><a title="Molio" href="http://www.mollio.org/" target="_blank">Molio CSS/HTML Templates</a></h3>
<div id="result_box" dir="ltr">Mollio se puso en marcha desde que IE7 expuso unos pocos problemas de renderizado. Es un punto de partida para el diseño web y muy adecuado para principiantes que empiezan a aprender Frameworks CSS.</div>
</li>
<li>
<h3><a title="SenCSS" href="http://sencss.kilianvalkhof.com/" target="_blank">SenCSS</a></h3>
<p><img title="sencss" src="http://www.webdesignbooth.com/wp-content/uploads/2009/05/sencss.png" alt="sencss" width="173" height="54" /><br />
SenCSS no incluye un sistema de diseño, pero ofrece otras cosas, como base de referencia, las fuentes, rellenos, los márgenes y más. Viene con una versión detallada y una versión miniaturizada que adecuada para uso en producción.</li>
</ol>
<p>via: <a href="http://www.webdesignbooth.com" target="_blank">www.webdesignbooth.com</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.mydesign.com.es/blog/10-frameworks-para-maquetacion-css/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

