<?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>Cultura Digital#Blog &#187; Zend</title>
	<atom:link href="http://blog.culturadigital.org/etiqueta/zend/feed" rel="self" type="application/rss+xml" />
	<link>http://blog.culturadigital.org</link>
	<description>Tener algo que decir; y decirlo.</description>
	<lastBuildDate>Mon, 26 Apr 2010 15:43:07 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Zend_Loader y Zend_Application, ZF1.8</title>
		<link>http://blog.culturadigital.org/tecnologia/desarrollo-web/zend_loader-y-zend_application-zf18</link>
		<comments>http://blog.culturadigital.org/tecnologia/desarrollo-web/zend_loader-y-zend_application-zf18#comments</comments>
		<pubDate>Wed, 06 May 2009 07:48:09 +0000</pubDate>
		<dc:creator>J.A.Cobo</dc:creator>
				<category><![CDATA[Desarrollo web]]></category>
		<category><![CDATA[Programación]]></category>
		<category><![CDATA[framework]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[Zend]]></category>

		<guid isPermaLink="false">http://blog.culturadigital.org/?p=495</guid>
		<description><![CDATA[Más que nada esta anotación es un post-it para actualizar la plantilla «TemplateBase».
Vía el nuevo nivel de reporte de errores STRICT que usa php5 y Zend Framework, me entero de que Zend_Loader está depreciado desde esta nueva -y fantástica- versión 1.8.
&#8230;la cual, por otra parte, me ha sorprendido muy gratamente gracias a temas como Zend_Tool [...]]]></description>
			<content:encoded><![CDATA[<p>Más que nada esta anotación es un post-it para actualizar la plantilla «TemplateBase».</p>
<p>Vía el nuevo nivel de reporte de errores STRICT que usa php5 y Zend Framework, me entero de que Zend_Loader está <em>depreciado</em> desde esta nueva -y fantástica- versión 1.8.<br />
&#8230;la cual, por otra parte, me ha sorprendido muy gratamente gracias a temas como Zend_Tool (<em>scaffolding al estilo Simphony, Ruby&#8230; algo que extrañaba ya no lo hubieran implementado</em>) o <a href="http://framework.zend.com/manual/en/zend.application.html">Zend_Application</a> de la que pende, por ejemplo, Zend_Module_Autoloader o la clase Bootstrap. Las tediosas tareas de inicialización -bootstrap- de nuestra aplicación ahora sobre una base sólida y estándar :D ; o montarte un sistema modular totalmente funcional en segundos y con una estructura también estándar y basada en <a href="http://es.wikipedia.org/wiki/Espacio_de_nombres">NameSpaces</a> ^^!</p>
<p>&#8230; como mola; cada vez me gusta más. ¡Viva <a href="http://framework.zend.com/manual/">Zend Framework</a>! :D</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.culturadigital.org/tecnologia/desarrollo-web/zend_loader-y-zend_application-zf18/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>PHPTACO, tu aplicación base sobre Zend Framework</title>
		<link>http://blog.culturadigital.org/tecnologia/desarrollo-web/phptaco-tu-aplicacion-base-sobre-zend-framework</link>
		<comments>http://blog.culturadigital.org/tecnologia/desarrollo-web/phptaco-tu-aplicacion-base-sobre-zend-framework#comments</comments>
		<pubDate>Fri, 20 Mar 2009 10:01:39 +0000</pubDate>
		<dc:creator>J.A.Cobo</dc:creator>
				<category><![CDATA[Desarrollo web]]></category>
		<category><![CDATA[framework]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[Zend]]></category>

		<guid isPermaLink="false">http://blog.culturadigital.org/?p=481</guid>
		<description><![CDATA[Anoche, buscando un esqueleto básico de aplicación web basado en Zen Framework, encontré PHPTACO.
Mi sorpresa (o decepción, según se mire) ha sido encontrar que se incluye PHPTAL que es un sistema de plantillas, o lo que es lo mismo: mi TemplateBase pero de forma profesional ^^! Eso confirma el tema de: «Busca, busca y luego [...]]]></description>
			<content:encoded><![CDATA[<p>Anoche, buscando un <a href="http://blog.realmofzod.com/2008/03/19/modular-zend-framework-application-skeleton-part-1-folder-structure/">esqueleto básico de aplicación web basado en Zen Framework</a>, encontré <a href="http://www.orsa-studio.com/phptaco/?p=1">PHPTACO</a>.<br />
Mi sorpresa (o decepción, según se mire) ha sido encontrar que se incluye PHPTAL que es un sistema de plantillas, o lo que es lo mismo: mi TemplateBase pero de forma profesional ^^! Eso confirma el tema de: «Busca, busca y luego busca más, porque seguramente ya esté fabricado» :D</p>
<p>Así que pretendo experimentar con esta estructura base, algo que llevo intentando tener desde no poco tiempo. El problema es que hasta ahora, tenía varias estructuras base&#8230; digamos modulares y que en e fondo presentan algunos problemas, por ejemplo:</p>
<ul>
<li>Tengo una estructura base basada en Wordpress, que en mi opinión es perfecto para un CMS si lo conoces.</li>
<li>La más importante: tengo una estructura base para recursos estáticos en un servidor y sobre un subdominio habitualmente. Además de ésta última, también uso librerías y otros recursos globales o genéricos.</li>
</ul>
<h4>Problemas</h4>
<p>El problema al usar Zend Framework no es, o debería ser, algo como por ejemplo el tema de la propia librería de Zend, sino dicha estructura y sus recursos estáticos. Una aplicación sencilla o pequeña (como por ejemplo mis 1SCTools) montarla en base a esta aplicación base, ya sea como un módulo o en solitario, es demasiado pesado y no es útil más que, como decía, si ya tienes más aplicaciones montadas en tu aplicación general.</p>
<p>Con el tema de los recursos pasa igual y revela un problema de mi servidor estático: no siempre podrás montarlo así, o al menos, como subdominio aunque eso es lo menos importante. Eso sin olvidar que la mayoría de las aplicaciones web incorporan siempre dichos recursos lo que implica que siempre, siempre deberás adaptarlos y editar :(</p>
<h4>El eterno dilema</h4>
<p>Así pues, ahora me toca una de dos: Adaptar mis estructuras base a una sola basada en Zend, incluyendo servidor estático y tal o adaptar esta misma a las estructuras actuales.<br />
Y es por estas cuestiones por las que aún hoy no tengo un sistema base completo y robusto que me haga montar algo rápido con el mayor número de opciones :(</p>
<h5>Rewrite, servidores estáticos&#8230;</h5>
<p>Lo que además revela es mi incapacidad, aunque lo cierto es que ni lo he intentado, de escribir un&#8230; ¡ostias! gg, ahora mismo -y no es coña- acabo de acordarme del «<a href="http://framework.zend.com/manual/en/zend.controller.router.html">Zend Router</a>» que es un controlador para rewrite (véase por ejemplo el objeto Rewrite de Wordpress), que es a su vez de lo que precisamente iba a hablar ^^!</p>
<p>No obstante y si se analiza bien, el problema persiste, rewrite no lo soluciona ya que mi intención es usar subdominios estáticos desde que comprobé cómo mejoran las aplicaciones web en relación a rendimiento y optimización.<br />
Ese es el problema real: que es un coñazo montar una aplicación que albergue ambas posibilidades por no hablar de la duplicidad de recursos: Usar recursos internos de la aplicación y recursos basados en subdominios, lo cual empeora aún si, como suele ser habitual, se usan hostings compartidos.</p>
<p>En sitios propios no es un problema, pero si escribes algo para alguien, o una aplicación estándar para distribuir, es una auténtica locura :( , si bien lo sencillo es usar recursos internos y punto.</p>
<p>En fin, por lo pronto, iré probando a montar algo base olvidándome de servidores estáticos, algo que por otra parte se está convirtiendo en un estándar.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.culturadigital.org/tecnologia/desarrollo-web/phptaco-tu-aplicacion-base-sobre-zend-framework/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Bienvenido a la era de los Frameworks</title>
		<link>http://blog.culturadigital.org/tecnologia/desarrollo-web/bienvenido-a-la-era-de-los-frameworks</link>
		<comments>http://blog.culturadigital.org/tecnologia/desarrollo-web/bienvenido-a-la-era-de-los-frameworks#comments</comments>
		<pubDate>Fri, 09 Jan 2009 11:43:39 +0000</pubDate>
		<dc:creator>J.A.Cobo</dc:creator>
				<category><![CDATA[Desarrollo web]]></category>
		<category><![CDATA[Blueprint]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[diseño web]]></category>
		<category><![CDATA[framework]]></category>
		<category><![CDATA[Zend]]></category>

		<guid isPermaLink="false">http://blog.culturadigital.org/?p=389</guid>
		<description><![CDATA[Hace tiempo que había oído hablar, por ejemplo, de Blueprint, un «framework» para CSS criticado por algunos sectores del diseño web con argumentos como la eterna guerra profesional en el desarrollo web (programación, maquetación, diseño artístico&#8230;), la imaginación, etc. Es decir, muchos aluden a que diseñar un framework para algo tan artístico como CSS es&#8230; [...]]]></description>
			<content:encoded><![CDATA[<p>Hace tiempo que había oído hablar, por ejemplo, de <em>Blueprint</em>, un «<a href="http://es.wikipedia.org/wiki/Framework">framework</a>» para CSS criticado por algunos sectores del diseño web con argumentos como la eterna guerra profesional en el desarrollo web (programación, maquetación, diseño artístico&#8230;), la imaginación, etc. Es decir, muchos aluden a que diseñar un framework para algo tan artístico como CSS es&#8230; típico de programadores ^^!</p>
<p><img src="http://blog.culturadigital.org/media/2009/01/blueprintlogo-300x72.png" alt="Logotipo de Blueprint." title="Blueprintlogo" width="300" height="72" class="alignleft size-medium wp-image-392" /><br class="clear" /></p>
<p>Yo no me posiciono en una opinión en concreto, pero creo que es útil&#8230; la verdad que tremendamente útil, cuando tus proyectos van cogiendo tamaño y, lo quieras o no, con pequeñas o grandes variaciones, uno suele tener ya montado un framework propio, al menos CSS.</p>
<p>Es de lo que siempre -ahora un poco offtopic- acabo por darme cuenta, no es ser poco original, sino que las líneas maestras de trabajo siempre llevan a todo el mundo por el mismo camino, al menos si es el camino de hacer las cosas bien hechas y ser productivo.</p>
<div id="attachment_393" class="wp-caption alignleft" style="width: 310px"><a href="http://blog.culturadigital.org/media/2009/01/pantallazoyslow.png"><img src="http://blog.culturadigital.org/media/2009/01/pantallazoyslow-300x169.png" alt="Captura de pantalla con Yslow de laguardiadejaen.com. (B - 80%)" title="Pantallazo Yslow B 80%" width="300" height="169" class="size-medium wp-image-393" /></a><p class="wp-caption-text">«Minify»: Captura de pantalla con Yslow de laguardiadejaen.com. Un rendimiento del 80% sobre la página más pesada y sin activar -es en local- toda la optimización: caché, expires...</p></div>
<h4>La base</h4>
<p>Así que de una vez por todas decido estandarizar el, digamos, esqueleto de mis proyectos basándome en 3 pilares básicos de los que me arrepiento, y mucho, no haber usado antes (aunque por otra parte nunca hubiera adquirido los muchos o pocos conocimientos que, al parecer, te llevan por el buen camino). Básicamente podría establecerlos como:</p>
<ul>
<li><a href="http://framework.zend.com/">Zend Framework</a>: Cada vez me gusta más&#8230; y más&#8230; y más.</li>
<li><a href="http://code.google.com/p/minify/">Minify</a>: Optimización endiablada :D</li>
<li><a href="http://www.blueprintcss.org/">Blueprint CSS</a>: Realmente montas un diseño en segundos y, me apostaría a que usas ya algo parecido, el tuyo propio.</li>
</ul>
<p>Todo ello experimentando una y otra vez la mejor manera de estructurar el servidor estático, el cual ahora con Zend FW o cualquier otro framework, adquiere mayor relevancia y verdadero potencial junto a Minify por ejemplo.</p>
<p>De modo que tras no pocas horas y noches en vela, calentándome el tarro con matrices (tontamente porque es que me encanta jugar con ellas 8) ) para servir recursos con el menor esfuerzo y la mayor optimización posible, estructurando directorios, dándole al mod_rewrite y descubriendo las bondades de <a href="http://es.php.net/manual/es/book.spl.php">SPL</a>&#8230; más o menos tengo listo mi servidor absoluto&#8230; que ya era hora ^^!</p>
<p>Pero volviendo a Blueprint&#8230;, aunque me gustan mucho mis diseños habituales base, un «layout» base por defecto para nada simple&#8230; lo dicho, segundos:<br />
<div id="attachment_390" class="wp-caption aligncenter" style="width: 310px"><a href="http://blog.culturadigital.org/media/2009/01/pantallazoblueprintrapido.png"><img src="http://blog.culturadigital.org/media/2009/01/pantallazoblueprintrapido-300x169.png" alt="Captura de pantalla de un layout básico." title="Pantallazo Blueprint Rápido" width="300" height="169" class="size-medium wp-image-390" /></a><p class="wp-caption-text">Captura de pantalla de un layout básico.</p></div></p>
<h4>Blueprint</h4>
<p>Si bien me ha gustado bastante, y me ha sorprendido, cuando por fin he decido echarle un ojo (muy muy por encima ya que en realidad no he usado lo que es el potencial del framework en sí mismo ^^! ) hay algunas cosas que me han parecido extrañas y me desagradan. No he visto todos los archivos y configuraciones, pero con lo que he visto toman cierto camino fácil y que nunca falla: <strong>los píxeles</strong>.</p>
<p>Actualmente, yo uso un «grid» parecido al de Blueprint (nada nuevo tampoco), más sencillo pero más flexible para mi gusto -o con el que me encuentro ya más acostumbrado-, puedo usar tanto porcentajes como unidades relativas o estrictas&#8230; sí, tampoco es nada del otro mundo pero no sabes cuanto trabajo te ahorra ^^</p>
<p>Así que eso sí que es un punto, además muy común en esos diseños que tanto llaman la atención, en dónde veo el uso de la «cuenta la vieja»: los píxeles. Porque como decía Zeldman:<br />
«Los píxeles demuestran que los píxeles funcionan.»</p>
<p>Y lo cierto es que es así, tanto para fuentes como para rejillas, los píxeles son más fáciles de controlar y aseguran un diseño coherente entre navegadores, plataformas&#8230; pero lo cierto es que soy bastante purista en este sentido, si no perfeccionista.</p>
<p>Para acabar, lo siguiente es parte de ese «framework» que todos, creo, tenemos y con el que nos encontramos a gusto. Es decir, lo que comentaba de que al final, siempre encuentras que cuando ibas a acabar tu base perfecta para trabajar, sacan un proyecto que lo auna todo.</p>
<h4>Extra CSS no es tan extra con Minify</h4>
<p>¿Por qué no le asusta a uno el tamaño? <span class="x-small">(siempre que no te pases, claro)</span>:<br />
Ésta hoja de estilos (extra.css) lleva conmigo años, engordando, adelgazando, mejorando&#8230; no hay problema, uso Minify ^^!</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
</pre></td><td class="code"><pre class="javascript" style="font-family:Consolas, Monaco, 'Lucida Sans Typewriter', 'Lucida Console', 'Andale Mono', monospace;">... ... ...
<span style="color: #006600; font-style: italic;">/* Listas:
 * El atributo type esta descatalogado por el W3C, así que debemos usar el 
 * CSS para aplicar tipo de listas:
 */</span>
<span style="color: #009966; font-style: italic;">/* Alfabeticas */</span>
.<span style="color: #660066;">alphaLow</span> li<span style="color: #339933;">,</span> .<span style="color: #660066;">alphalowList</span> li <span style="color: #009900;">&#123;</span>list<span style="color: #339933;">-</span>style<span style="color: #339933;">-</span>type<span style="color: #339933;">:</span>lower<span style="color: #339933;">-</span>alpha<span style="color: #339933;">;</span><span style="color: #009900;">&#125;</span>
.<span style="color: #660066;">alphaUpper</span> li<span style="color: #339933;">,</span> .<span style="color: #660066;">alphaupperList</span> li <span style="color: #009900;">&#123;</span>list<span style="color: #339933;">-</span>style<span style="color: #339933;">-</span>type<span style="color: #339933;">:</span>upper<span style="color: #339933;">-</span>alpha<span style="color: #339933;">;</span><span style="color: #009900;">&#125;</span>
.<span style="color: #660066;">numList</span> li <span style="color: #009900;">&#123;</span>list<span style="color: #339933;">-</span>style<span style="color: #339933;">-</span>type<span style="color: #339933;">:</span>decimal<span style="color: #339933;">;</span><span style="color: #009900;">&#125;</span>
.<span style="color: #660066;">numDecList</span> li <span style="color: #009900;">&#123;</span>list<span style="color: #339933;">-</span>style<span style="color: #339933;">-</span>type<span style="color: #339933;">:</span>decimal<span style="color: #339933;">-</span>leading<span style="color: #339933;">-</span>zero<span style="color: #339933;">;</span><span style="color: #009900;">&#125;</span>
.<span style="color: #660066;">squareList</span> li<span style="color: #339933;">,</span> .<span style="color: #660066;">squareList</span> dt <span style="color: #009900;">&#123;</span>list<span style="color: #339933;">-</span>style<span style="color: #339933;">-</span>type<span style="color: #339933;">:</span>square<span style="color: #339933;">;</span><span style="color: #009900;">&#125;</span>
.<span style="color: #660066;">nolist</span> <span style="color: #009900;">&#123;</span>list<span style="color: #339933;">-</span>style<span style="color: #339933;">:</span>none <span style="color: #339933;">!</span>important<span style="color: #339933;">;</span><span style="color: #009900;">&#125;</span>
.<span style="color: #660066;">normalist</span> li <span style="color: #009900;">&#123;</span>
	list<span style="color: #339933;">-</span>style<span style="color: #339933;">-</span>image<span style="color: #339933;">:</span>none <span style="color: #339933;">!</span>important<span style="color: #339933;">;</span>
	list<span style="color: #339933;">-</span>style<span style="color: #339933;">-</span>type<span style="color: #339933;">:</span>square <span style="color: #339933;">!</span>important<span style="color: #339933;">;</span>
	margin<span style="color: #339933;">-</span>left<span style="color: #339933;">:</span>20px<span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span>
&nbsp;
<span style="color: #006600; font-style: italic;">/* Formatos HTML
 * --------------------------------------------------------- */</span>
<span style="color: #009966; font-style: italic;">/* ### Estructurales */</span>
<span style="color: #009966; font-style: italic;">/* Cajas estructurales genericas (%) */</span>
div.<span style="color: #660066;">box1_4</span><span style="color: #339933;">,</span> .<span style="color: #660066;">box1_4</span> <span style="color: #009900;">&#123;</span>width<span style="color: #339933;">:</span><span style="color: #CC0000;">23</span><span style="color: #339933;">%;</span> margin<span style="color: #339933;">:</span><span style="color: #CC0000;">0</span> 0.2em<span style="color: #339933;">;</span><span style="color: #009900;">&#125;</span>
div.<span style="color: #660066;">box1_3</span><span style="color: #339933;">,</span> .<span style="color: #660066;">box1_3</span> <span style="color: #009900;">&#123;</span>width<span style="color: #339933;">:</span><span style="color: #CC0000;">31</span><span style="color: #339933;">%;</span> margin<span style="color: #339933;">:</span><span style="color: #CC0000;">0</span> 0.2em<span style="color: #339933;">;</span><span style="color: #009900;">&#125;</span>
div.<span style="color: #660066;">box1_2</span><span style="color: #339933;">,</span> .<span style="color: #660066;">box1_2</span> <span style="color: #009900;">&#123;</span>width<span style="color: #339933;">:</span><span style="color: #CC0000;">46</span><span style="color: #339933;">%;</span> margin<span style="color: #339933;">:</span><span style="color: #CC0000;">0</span> 0.2em<span style="color: #339933;">;</span><span style="color: #009900;">&#125;</span>
&nbsp;
<span style="color: #009966; font-style: italic;">/* Cajas estructurales genericas (em) */</span>
div.<span style="color: #660066;">box1_4em</span><span style="color: #339933;">,</span> .<span style="color: #660066;">box1_4em</span> <span style="color: #009900;">&#123;</span>width<span style="color: #339933;">:</span>23em<span style="color: #339933;">;</span> margin<span style="color: #339933;">:</span><span style="color: #CC0000;">0</span> 0.19em<span style="color: #339933;">;</span><span style="color: #009900;">&#125;</span>
div.<span style="color: #660066;">box1_3em</span><span style="color: #339933;">,</span> .<span style="color: #660066;">box1_3em</span> <span style="color: #009900;">&#123;</span>width<span style="color: #339933;">:</span>31em<span style="color: #339933;">;</span> margin<span style="color: #339933;">:</span><span style="color: #CC0000;">0</span> 0.19em<span style="color: #339933;">;</span><span style="color: #009900;">&#125;</span>
div.<span style="color: #660066;">box1_2em</span><span style="color: #339933;">,</span> .<span style="color: #660066;">box1_2em</span> <span style="color: #009900;">&#123;</span>width<span style="color: #339933;">:</span>46em<span style="color: #339933;">;</span> margin<span style="color: #339933;">:</span><span style="color: #CC0000;">0</span> 0.19em<span style="color: #339933;">;</span><span style="color: #009900;">&#125;</span>
&nbsp;
<span style="color: #009966; font-style: italic;">/* Cajas estructurales genericas (px) */</span>
div.<span style="color: #660066;">box1_4px</span><span style="color: #339933;">,</span> .<span style="color: #660066;">box1_4px</span> <span style="color: #009900;">&#123;</span>width<span style="color: #339933;">:</span>230px<span style="color: #339933;">;</span> margin<span style="color: #339933;">:</span><span style="color: #CC0000;">0</span> 5px<span style="color: #339933;">;</span><span style="color: #009900;">&#125;</span>
div.<span style="color: #660066;">box1_3px</span><span style="color: #339933;">,</span> .<span style="color: #660066;">box1_3px</span> <span style="color: #009900;">&#123;</span>width<span style="color: #339933;">:</span>310px<span style="color: #339933;">;</span> margin<span style="color: #339933;">:</span><span style="color: #CC0000;">0</span> 5px<span style="color: #339933;">;</span><span style="color: #009900;">&#125;</span>
div.<span style="color: #660066;">box1_2px</span><span style="color: #339933;">,</span> .<span style="color: #660066;">box1_2px</span> <span style="color: #009900;">&#123;</span>width<span style="color: #339933;">:</span>460px<span style="color: #339933;">;</span> margin<span style="color: #339933;">:</span><span style="color: #CC0000;">0</span> 5px<span style="color: #339933;">;</span><span style="color: #009900;">&#125;</span>
&nbsp;
<span style="color: #009966; font-style: italic;">/* ## En linea */</span>
.<span style="color: #660066;">block</span> <span style="color: #009900;">&#123;</span>display<span style="color: #339933;">:</span>block<span style="color: #339933;">;</span><span style="color: #009900;">&#125;</span>
.<span style="color: #660066;">inline</span> <span style="color: #009900;">&#123;</span>display<span style="color: #339933;">:</span>inline<span style="color: #339933;">;</span><span style="color: #009900;">&#125;</span>
.<span style="color: #660066;">clear</span> <span style="color: #009900;">&#123;</span>clear<span style="color: #339933;">:</span>both<span style="color: #339933;">;</span><span style="color: #009900;">&#125;</span>
.<span style="color: #660066;">clearLeft</span> <span style="color: #009900;">&#123;</span>clear<span style="color: #339933;">:</span>left<span style="color: #339933;">;</span><span style="color: #009900;">&#125;</span>
.<span style="color: #660066;">clearRight</span> <span style="color: #009900;">&#123;</span>clear<span style="color: #339933;">:</span>right<span style="color: #339933;">;</span><span style="color: #009900;">&#125;</span>
<span style="color: #009966; font-style: italic;">/* # Alineaciones */</span>
.<span style="color: #660066;">center</span> <span style="color: #009900;">&#123;</span>text<span style="color: #339933;">-</span>align<span style="color: #339933;">:</span>center <span style="color: #339933;">!</span>important<span style="color: #339933;">;</span><span style="color: #009900;">&#125;</span>
.<span style="color: #660066;">right</span><span style="color: #339933;">,</span> .<span style="color: #660066;">alignright</span> <span style="color: #009900;">&#123;</span>float<span style="color: #339933;">:</span>right<span style="color: #339933;">;</span><span style="color: #009900;">&#125;</span>
.<span style="color: #660066;">left</span><span style="color: #339933;">,</span> .<span style="color: #660066;">alignleft</span> <span style="color: #009900;">&#123;</span>float<span style="color: #339933;">:</span>left<span style="color: #339933;">;</span><span style="color: #009900;">&#125;</span>
.<span style="color: #660066;">aligncenter</span><span style="color: #339933;">,</span> div.<span style="color: #660066;">aligncenter</span> <span style="color: #009900;">&#123;</span>
	display<span style="color: #339933;">:</span>block<span style="color: #339933;">;</span>
	margin<span style="color: #339933;">-</span>left<span style="color: #339933;">:</span>auto<span style="color: #339933;">;</span>
	margin<span style="color: #339933;">-</span>right<span style="color: #339933;">:</span>auto<span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span>
<span style="color: #009966; font-style: italic;">/* # Visuales */</span>
.<span style="color: #660066;">blind</span> <span style="color: #009900;">&#123;</span>display<span style="color: #339933;">:</span>none<span style="color: #339933;">;</span><span style="color: #009900;">&#125;</span>
.<span style="color: #660066;">noborder</span> <span style="color: #009900;">&#123;</span>border<span style="color: #339933;">:</span>none <span style="color: #339933;">!</span>important<span style="color: #339933;">;</span><span style="color: #009900;">&#125;</span>
&nbsp;
<span style="color: #006600; font-style: italic;">/* Fuentes
 * ------------------------------------------ */</span>
<span style="color: #009966; font-style: italic;">/* # Relativas */</span>
.<span style="color: #660066;">small</span> <span style="color: #009900;">&#123;</span>font<span style="color: #339933;">-</span>size<span style="color: #339933;">:</span>small<span style="color: #339933;">;</span><span style="color: #009900;">&#125;</span>
.<span style="color: #660066;">x</span><span style="color: #339933;">-</span>small <span style="color: #009900;">&#123;</span>font<span style="color: #339933;">-</span>size<span style="color: #339933;">:</span>x<span style="color: #339933;">-</span>small<span style="color: #339933;">;</span><span style="color: #009900;">&#125;</span>
.<span style="color: #660066;">xx</span><span style="color: #339933;">-</span>small <span style="color: #009900;">&#123;</span>font<span style="color: #339933;">-</span>size<span style="color: #339933;">:</span>xx<span style="color: #339933;">-</span>small<span style="color: #339933;">;</span><span style="color: #009900;">&#125;</span>
<span style="color: #009966; font-style: italic;">/* Percentuales y relativas */</span>
.<span style="color: #660066;">fontbig</span> <span style="color: #009900;">&#123;</span>font<span style="color: #339933;">-</span>size<span style="color: #339933;">:</span>1.5em<span style="color: #339933;">;</span><span style="color: #009900;">&#125;</span>
.<span style="color: #660066;">fontless_medium</span> <span style="color: #009900;">&#123;</span>font<span style="color: #339933;">-</span>size<span style="color: #339933;">:</span>0.5em<span style="color: #339933;">;</span><span style="color: #009900;">&#125;</span>
.<span style="color: #660066;">fontless_hidden</span> <span style="color: #009900;">&#123;</span>font<span style="color: #339933;">-</span>size<span style="color: #339933;">:-</span>0.0em<span style="color: #339933;">;</span><span style="color: #009900;">&#125;</span>
&nbsp;
.<span style="color: #660066;">fontless2</span> <span style="color: #009900;">&#123;</span>font<span style="color: #339933;">-</span>size<span style="color: #339933;">:</span>0.8em<span style="color: #339933;">;</span><span style="color: #009900;">&#125;</span>
.<span style="color: #660066;">fontless3</span> <span style="color: #009900;">&#123;</span>font<span style="color: #339933;">-</span>size<span style="color: #339933;">:</span>0.6em<span style="color: #339933;">;</span><span style="color: #009900;">&#125;</span>
.<span style="color: #660066;">fontless4</span> <span style="color: #009900;">&#123;</span>font<span style="color: #339933;">-</span>size<span style="color: #339933;">:</span>0.4em<span style="color: #339933;">;</span><span style="color: #009900;">&#125;</span>
<span style="color: #009966; font-style: italic;">/* Familias */</span>
.<span style="color: #660066;">serif</span> <span style="color: #009900;">&#123;</span>font<span style="color: #339933;">-</span>family<span style="color: #339933;">:</span>Georgia<span style="color: #339933;">,</span><span style="color: #3366CC;">'Bitstream Vera Serif'</span><span style="color: #339933;">,</span><span style="color: #3366CC;">'Times New Roman'</span><span style="color: #339933;">,</span>Times<span style="color: #339933;">,</span>serif<span style="color: #339933;">;</span><span style="color: #009900;">&#125;</span>
.<span style="color: #660066;">sans</span> <span style="color: #009900;">&#123;</span>font<span style="color: #339933;">-</span>family<span style="color: #339933;">:</span><span style="color: #3366CC;">'Lucida Grande'</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">'Lucida Sans'</span><span style="color: #339933;">,</span> Lucida<span style="color: #339933;">,</span> <span style="color: #3366CC;">'Trebuchet MS'</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">'Bitstream Vera Sans'</span><span style="color: #339933;">,</span> Verdana<span style="color: #339933;">,</span> Geneva<span style="color: #339933;">,</span> Arial<span style="color: #339933;">,</span> Helvetica<span style="color: #339933;">,</span> sans<span style="color: #339933;">-</span>serif<span style="color: #339933;">;</span><span style="color: #009900;">&#125;</span>
.<span style="color: #660066;">sans_small</span> <span style="color: #009900;">&#123;</span>font<span style="color: #339933;">-</span>family<span style="color: #339933;">:</span><span style="color: #3366CC;">'Trebuchet MS'</span><span style="color: #339933;">,</span>Trebuchet<span style="color: #339933;">,</span>Helvetica<span style="color: #339933;">,</span>sans<span style="color: #339933;">-</span>serif<span style="color: #339933;">;</span><span style="color: #009900;">&#125;</span>
&nbsp;
<span style="color: #009966; font-style: italic;">/* # Colores */</span>
.<span style="color: #660066;">black</span> <span style="color: #009900;">&#123;</span>color<span style="color: #339933;">:</span>#<span style="color: #CC0000;">111</span> <span style="color: #339933;">!</span>important<span style="color: #339933;">;</span><span style="color: #009900;">&#125;</span>
.<span style="color: #660066;">white</span> <span style="color: #009900;">&#123;</span>color<span style="color: #339933;">:</span>#F7F7F7 <span style="color: #339933;">!</span>important<span style="color: #339933;">;</span><span style="color: #009900;">&#125;</span>
.<span style="color: #660066;">blue</span> <span style="color: #009900;">&#123;</span>color<span style="color: #339933;">:</span>#69F <span style="color: #339933;">!</span>important<span style="color: #339933;">;</span><span style="color: #009900;">&#125;</span>
.<span style="color: #660066;">red</span> <span style="color: #009900;">&#123;</span>color<span style="color: #339933;">:</span>#F30 <span style="color: #339933;">!</span>important<span style="color: #339933;">;</span><span style="color: #009900;">&#125;</span>
.<span style="color: #660066;">yellow</span> <span style="color: #009900;">&#123;</span>color<span style="color: #339933;">:</span>#FFD700 <span style="color: #339933;">!</span>important<span style="color: #339933;">;</span><span style="color: #009900;">&#125;</span>
.<span style="color: #660066;">green</span> <span style="color: #009900;">&#123;</span>color<span style="color: #339933;">:</span>#008000 <span style="color: #339933;">!</span>important<span style="color: #339933;">;</span><span style="color: #009900;">&#125;</span>
.<span style="color: #660066;">grey</span> <span style="color: #009900;">&#123;</span>color<span style="color: #339933;">:</span>#CCC <span style="color: #339933;">!</span>important<span style="color: #339933;">;</span><span style="color: #009900;">&#125;</span>
.<span style="color: #660066;">orange</span> <span style="color: #009900;">&#123;</span>color<span style="color: #339933;">:</span>#FF8040 <span style="color: #339933;">!</span>important<span style="color: #339933;">;</span><span style="color: #009900;">&#125;</span>
.<span style="color: #660066;">gold</span> <span style="color: #009900;">&#123;</span>color<span style="color: #339933;">:</span>#D4A017 <span style="color: #339933;">!</span>important<span style="color: #339933;">;</span><span style="color: #009900;">&#125;</span>
.<span style="color: #660066;">dark_red</span> <span style="color: #009900;">&#123;</span>color<span style="color: #339933;">:</span>#85232C <span style="color: #339933;">!</span>important<span style="color: #339933;">;</span><span style="color: #009900;">&#125;</span>
.<span style="color: #660066;">blue_marine</span> <span style="color: #009900;">&#123;</span>color<span style="color: #339933;">:</span>#151B54 <span style="color: #339933;">!</span>important<span style="color: #339933;">;</span><span style="color: #009900;">&#125;</span>
.<span style="color: #660066;">black_blue</span> <span style="color: #009900;">&#123;</span>color<span style="color: #339933;">:</span>#223A46 <span style="color: #339933;">!</span>important<span style="color: #339933;">;</span><span style="color: #009900;">&#125;</span>
.<span style="color: #660066;">steel_blue</span> <span style="color: #009900;">&#123;</span>color<span style="color: #339933;">:</span>#2B547E <span style="color: #339933;">!</span>important<span style="color: #339933;">;</span><span style="color: #009900;">&#125;</span>
.<span style="color: #660066;">medium_green</span> <span style="color: #009900;">&#123;</span>color<span style="color: #339933;">:</span>#<span style="color: #CC0000;">348017</span> <span style="color: #339933;">!</span>important<span style="color: #339933;">;</span><span style="color: #009900;">&#125;</span>
.<span style="color: #660066;">pink</span><span style="color: #339933;">,</span> tr .<span style="color: #660066;">pink</span> <span style="color: #009900;">&#123;</span>color<span style="color: #339933;">:</span>#FF0080 <span style="color: #339933;">!</span>important<span style="color: #339933;">;</span><span style="color: #009900;">&#125;</span>
... ... ...</pre></td></tr></table></div>

<p>PD: Joder que espeso estoy&#8230;. «<q>he dormido menos que un gallo en un alambre</q>» :S</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.culturadigital.org/tecnologia/desarrollo-web/bienvenido-a-la-era-de-los-frameworks/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
