<?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>voragine.net &#187; CSS</title>
	<atom:link href="http://voragine.net/etiquetas/css/feed" rel="self" type="application/rss+xml" />
	<link>http://voragine.net</link>
	<description>Autonomía digital y tecnológica.</description>
	<lastBuildDate>Fri, 04 May 2012 17:37:02 +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>Cómo centrar un elemento exactamente en el centro, con CSS</title>
		<link>http://voragine.net/weblogs/como-centrar-un-elemento-exactamente-en-el-centro-con-css</link>
		<comments>http://voragine.net/weblogs/como-centrar-un-elemento-exactamente-en-el-centro-con-css#comments</comments>
		<pubDate>Tue, 22 Nov 2011 07:00:07 +0000</pubDate>
		<dc:creator>skotperez</dc:creator>
				<category><![CDATA[Breves]]></category>
		<category><![CDATA[Desarrollo web]]></category>
		<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://voragine.net/?p=841</guid>
		<description><![CDATA[Para centrar un elemento de unas dimensiones concretas, por ejemplo de 100px de alto y 200px de ancho, en el centro de la página con CSS podemos usar los siguientes atributos de CSS.]]></description>
			<content:encoded><![CDATA[<p>Para <strong><a title="Quick CSS Trick: How To Center an Object Exactly In The Center -- CSS Trick" href="http://css-tricks.com/320-quick-css-trick-how-to-center-an-object-exactly-in-the-center/">centrar un elemento de unas dimensiones concretas</a></strong>, por ejemplo de 100px de alto y 200px de ancho, en el centro de la página podemos usar los siguientes atributos de CSS:</p>
<pre class="brush: css; title: ; notranslate">
.centered {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -50px;
  margin-left: -100px;
}
</pre>
]]></content:encoded>
			<wfw:commentRss>http://voragine.net/weblogs/como-centrar-un-elemento-exactamente-en-el-centro-con-css/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Formularios con efectos onclick y onfocus de JavaScript pero que utilizan solo HTML y CSS</title>
		<link>http://voragine.net/weblogs/formularios-con-efectos-onclick-y-onfocus-de-javascript-pero-que-utilizan-solo-html-y-css</link>
		<comments>http://voragine.net/weblogs/formularios-con-efectos-onclick-y-onfocus-de-javascript-pero-que-utilizan-solo-html-y-css#comments</comments>
		<pubDate>Fri, 14 Oct 2011 12:37:01 +0000</pubDate>
		<dc:creator>skotperez</dc:creator>
				<category><![CDATA[Desarrollo web]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[form]]></category>
		<category><![CDATA[HTML]]></category>

		<guid isPermaLink="false">http://voragine.net/?p=765</guid>
		<description><![CDATA[Examinando el <a title="The Twenty Eleven Theme -- WordPress.com" href="http://twentyelevendemo.wordpress.com/">tema Twentyeleven de WordPress</a> he encontrado una solución bien elegante para hacer formularios sin javascript pero con efectos equivalentes, que funcionan utilizando únicamente HTML y CSS. Con este código obtendrás un formulario del estilo del que puedes usar para comentar en esta página.]]></description>
			<content:encoded><![CDATA[<p>Examinando el <a title="The Twenty Eleven Theme -- WordPress.com" href="http://twentyelevendemo.wordpress.com/">tema Twentyeleven de WordPress</a> he encontrado una solución bien elegante para hacer formularios sin javascript pero con efectos equivalentes, que funcionan utilizando únicamente HTML y CSS. Con este código obtendrás un formulario del estilo del que puedes usar para comentar en esta página.</p>
<p>Construimos el DOM utilizando las etiquetas fieldset, label, input y textarea:</p>
<pre class="brush: xml; title: ; notranslate">
&lt;form id=&quot;form&quot; action=&quot;http://url.de/la-accion.php&quot; method=&quot;post&quot;&gt;

 &lt;fieldset&gt;
  &lt;label for=&quot;nombre&quot;&gt;Nombre&lt;/label&gt;
  &lt;input id=&quot;nombre&quot; tabindex=&quot;1&quot; type=&quot;text&quot; name=&quot;nombre&quot; value=&quot;&quot; size=&quot;22&quot; /&gt;
 &lt;/fieldset&gt;

 &lt;fieldset&gt;
  &lt;label for=&quot;mensaje&quot;&gt;Mensaje&lt;/label&gt;
  &lt;textarea id=&quot;mensaje&quot; tabindex=&quot;2&quot; name=&quot;mensaje&quot; rows=&quot;10&quot; cols=&quot;100%&quot;&gt;&lt;/textarea&gt;
 &lt;/fieldset&gt;

 &lt;fieldset&gt;
  &lt;input id=&quot;enviar&quot; tabindex=&quot;3&quot; type=&quot;submit&quot; name=&quot;enviar&quot; value=&quot;Enviar mensaje&quot; /&gt;
 &lt;/fieldset&gt;

&lt;/form&gt;
</pre>
<p>Y le aplicamos los siguientes estilos CSS:</p>
<pre class="brush: css; title: ; notranslate">
#form fieldset {
        position: relative;
        margin: 1em 0;
}
#form label {
        display: inline-block;
        left: 6px;
        min-width: 60px;
        padding: 4px 10px;
        position: relative;
        top: 28px;
        z-index: 1;
}
#form input[type=&quot;text&quot;],
#form textarea {
        background: #fff;
        position: relative;
        padding: 10px;
        text-indent: 80px;
        width: 478px;
        border: 1px solid #000;
}
#form input[type=&quot;text&quot;]:focus,
#form textarea:focus {
        text-indent: 0;
        z-index: 1;
}
</pre>
]]></content:encoded>
			<wfw:commentRss>http://voragine.net/weblogs/formularios-con-efectos-onclick-y-onfocus-de-javascript-pero-que-utilizan-solo-html-y-css/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Cómo generar dinámicamente una hoja de estilos CSS mediante PHP para variar de manera aleatoria los colores</title>
		<link>http://voragine.net/weblogs/como-generar-dinamicamente-una-hoja-de-estilos-css-mediante-php-para-variar-de-manera-aleatoria-los-colores</link>
		<comments>http://voragine.net/weblogs/como-generar-dinamicamente-una-hoja-de-estilos-css-mediante-php-para-variar-de-manera-aleatoria-los-colores#comments</comments>
		<pubDate>Sun, 02 Oct 2011 08:36:11 +0000</pubDate>
		<dc:creator>skotperez</dc:creator>
				<category><![CDATA[Desarrollo web]]></category>
		<category><![CDATA[colores aleatorios]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[hoja de estilos dinámica]]></category>
		<category><![CDATA[PHP]]></category>

		<guid isPermaLink="false">http://voragine.net/?p=634</guid>
		<description><![CDATA[PHP se usa frecuentemente para generar HTML, pero rara vez para <a title="CSS Colors: Take Control Using PHP -- BarelyFitz Designs" href="http://www.barelyfitz.com/projects/csscolor/">construir de manera dinámica una hoja de estilos CSS</a>. Mediante el uso de variables en las hojas de estilos CSS gestionadas por PHP, podemos crear patrones de diseño abiertos, para luego usarlos según convenga, por ejemplo para <strong>variar de manera aleatoria los colores de una web</strong>.]]></description>
			<content:encoded><![CDATA[<p>PHP se usa frecuentemente para generar HTML, pero rara vez para <a title="CSS Colors: Take Control Using PHP -- BarelyFitz Designs" href="http://www.barelyfitz.com/projects/csscolor/">construir de manera dinámica una hoja de estilos CSS</a>. Mediante el uso de variables en las hojas de estilos CSS gestionadas por PHP, podemos crear patrones de diseño abiertos, para luego usarlos según convenga, por ejemplo para <strong>variar de manera aleatoria los colores de una web</strong>.</p>
<p>Basta agrupar los estilos que queramos que dependan de variables, los colores en este caso, en un archivo PHP, <code>style.php</code> por ejemplo, que albergará además el código que seleccionará aleatoriamente un color diferente cada vez que se cargue la web.</p>
<pre class="brush: php; title: ; notranslate">
&lt;?php
// la siguiente línea indica al navegador que lea el archivo como una hoja de estilos
header(&quot;Content-type: text/css&quot;);

// matriz de colores
$colors = array('#f00','#0f0','#00f','#f0f','#ff0','#0ff');
// seleccionamos aleatoriamente un elemento de la matriz
$color_key = array_rand($colors, 1);
$color = $colors[$color_key];
?&gt;
</pre>
<p>La variable $color contiene el código hexadecimal del color elegido, que podemos usar en los estilos que nos convenga, incluyéndolos en el mismo archivo <code>style.php</code>.</p>
<pre class="brush: php; title: ; notranslate">
.clase1,
.clase2,
#identificador1 {
 color: &lt;?php echo $color ?&gt;
}
</pre>
<p>Para cargar la hoja de estilos style.php, incluimos en el <code><head></code> de nuestra web la línea:</p>
<pre class="brush: xml; title: ; notranslate">
&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; media=&quot;screen&quot; href=&quot;style.php&quot;&gt;
</pre>
]]></content:encoded>
			<wfw:commentRss>http://voragine.net/weblogs/como-generar-dinamicamente-una-hoja-de-estilos-css-mediante-php-para-variar-de-manera-aleatoria-los-colores/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Rotar texto con CSS</title>
		<link>http://voragine.net/weblogs/rotar-texto-con-css</link>
		<comments>http://voragine.net/weblogs/rotar-texto-con-css#comments</comments>
		<pubDate>Tue, 28 Sep 2010 08:47:59 +0000</pubDate>
		<dc:creator>skotperez</dc:creator>
				<category><![CDATA[Desarrollo web]]></category>
		<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://voragine.net/?p=441</guid>
		<description><![CDATA[Cuando empecé a hacer páginas web, y tras haber trabajado con programas de diseño gráfico, me parecía imposible que no existiese una manera de colocar texto girado noventa grados en una web. Entonces efectivamente no era posible, luego me olvidé siquiera de la posibilidad de hacerlo, y ahora descubro que ya se puede, según con que navegador se esté viendo la web.]]></description>
			<content:encoded><![CDATA[<p>Cuando empecé a hacer páginas web, y tras haber trabajado con programas de diseño gráfico, me parecía imposible que no existiese una manera de colocar texto girado noventa grados en una web. Entonces efectivamente no era posible, luego me olvidé siquiera de la posibilidad de hacerlo, y ahora descubro que ya se puede, según con que navegador se esté viendo la web.</p>
<p>Para navegadores basados en Webkit y Firefox:</p>
<pre class="brush: css; title: ; notranslate">
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
</pre>
<p>Para conseguirlo en Explorer <a title="Text Rotation with CSS -- Snook.ca" href="http://snook.ca/archives/html_and_css/css-text-rotation">hay que usar un filtro</a>, y en Opera, a partir de la versión 10.5, <a title="CSS3 transitions and 2D transforms -- Dev.Opera" href="http://dev.opera.com/articles/view/css3-transitions-and-2d-transforms/">también es posible</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://voragine.net/weblogs/rotar-texto-con-css/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>12 tutoriales para dar estilo a los formularios</title>
		<link>http://voragine.net/weblogs/12-tutoriales-para-dar-estilo-a-los-formularios</link>
		<comments>http://voragine.net/weblogs/12-tutoriales-para-dar-estilo-a-los-formularios#comments</comments>
		<pubDate>Wed, 02 Dec 2009 16:05:38 +0000</pubDate>
		<dc:creator>follonero</dc:creator>
				<category><![CDATA[Breves]]></category>
		<category><![CDATA[Desarrollo web]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[form]]></category>
		<category><![CDATA[formulario de búsqueda]]></category>
		<category><![CDATA[HTML]]></category>

		<guid isPermaLink="false">http://voragine.net/?p=291</guid>
		<description><![CDATA[<a href="http://www.queness.com/post/1274/12-useful-tutorials-to-style-web-forms">12 Useful Tutorials to Style Web Forms</a>]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.queness.com/post/1274/12-useful-tutorials-to-style-web-forms">12 Useful Tutorials to Style Web Forms</a></p>
]]></content:encoded>
			<wfw:commentRss>http://voragine.net/weblogs/12-tutoriales-para-dar-estilo-a-los-formularios/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Maquetación de texto multicolumna con CSS</title>
		<link>http://voragine.net/weblogs/maquetacion-de-texto-multicolumna-con-css</link>
		<comments>http://voragine.net/weblogs/maquetacion-de-texto-multicolumna-con-css#comments</comments>
		<pubDate>Wed, 26 Aug 2009 14:40:01 +0000</pubDate>
		<dc:creator>skotperez</dc:creator>
				<category><![CDATA[Breves]]></category>
		<category><![CDATA[Desarrollo web]]></category>
		<category><![CDATA[Diseño gráfico]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[multicolumna]]></category>

		<guid isPermaLink="false">http://voragine.net/?p=278</guid>
		<description><![CDATA[Cómo maquetar texto en varias columnas con CSS. Básicamente las órdenes de CSS para controlar las columnas son cuatro: column-count que deternina el número de columnas, column-width su ancho, column-gap el espacio entre ellas y column-rule que define un borde entre columnas.]]></description>
			<content:encoded><![CDATA[<p><strong><a title="Multi-column layout -- CSS3.info" href="http://www.css3.info/preview/multi-column-layout/">Cómo maquetar texto en varias columnas con CSS</a></strong>. Básicamente las órdenes de CSS para controlar las columnas son cuatro: <strong>column-count</strong> que deternina el número de columnas, <strong>column-width</strong> su ancho, <strong>column-gap</strong> el espacio entre ellas y <strong>column-rule</strong> que define un borde entre columnas.</p>
]]></content:encoded>
			<wfw:commentRss>http://voragine.net/weblogs/maquetacion-de-texto-multicolumna-con-css/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Los estilos CSS por omisión de los navegadores y cómo resetearlos para controlarlos</title>
		<link>http://voragine.net/weblogs/los-estilos-css-por-omision-de-los-navegadores-y-como-resetearlos-para-controlarlos</link>
		<comments>http://voragine.net/weblogs/los-estilos-css-por-omision-de-los-navegadores-y-como-resetearlos-para-controlarlos#comments</comments>
		<pubDate>Wed, 08 Jul 2009 14:26:07 +0000</pubDate>
		<dc:creator>skotperez</dc:creator>
				<category><![CDATA[Breves]]></category>
		<category><![CDATA[Desarrollo web]]></category>
		<category><![CDATA[Diseño gráfico]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[resetear estilos]]></category>

		<guid isPermaLink="false">http://voragine.net/?p=267</guid>
		<description><![CDATA[En CSS Newbie explican cómo asignan los navegadores el estilo por omisión a algunos elementos HTML, como el tamaño de los títulos, la separación entre párrafos o el estilo de los items de una lista. Luego dan unas reglas básicas para saltarse estos estilos de los navegadores, lo que se suele hacer reseteando estos estilos [...]]]></description>
			<content:encoded><![CDATA[<p>En <strong>CSS Newbie</strong> explican <a title="Level the Playing Field with Reset Style Sheets -- CSS Nebie" href="http://www.cssnewbie.com/reset-style-sheets/">cómo asignan los navegadores el estilo por omisión a algunos elementos HTML</a>, como el tamaño de los títulos, la separación entre párrafos o el estilo de los items de una lista. Luego dan unas reglas básicas para saltarse estos estilos de los navegadores, lo que se suele hacer reseteando estos estilos para inhabilitar las propiedades que fija cada navegador por sí mismo. Al final del artículo recogen dos ejemplos de reseteo de estilos: el <a title="YUI Reset CSS -- Yahoo" href="http://developer.yahoo.com/yui/reset/"><strong>reset.css de yahoo</strong></a>, y <strong><a title="Reset Reloaded -- meyerweb.com" href="http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/">el del diseñador Eric Meyer</a></strong>.</p>
]]></content:encoded>
			<wfw:commentRss>http://voragine.net/weblogs/los-estilos-css-por-omision-de-los-navegadores-y-como-resetearlos-para-controlarlos/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Reseteando estilos CSS</title>
		<link>http://voragine.net/weblogs/reseteando-estilos-css</link>
		<comments>http://voragine.net/weblogs/reseteando-estilos-css#comments</comments>
		<pubDate>Wed, 08 Jul 2009 14:11:49 +0000</pubDate>
		<dc:creator>skotperez</dc:creator>
				<category><![CDATA[Desarrollo web]]></category>
		<category><![CDATA[Diseño gráfico]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[resetear estilos]]></category>

		<guid isPermaLink="false">http://voragine.net/?p=262</guid>
		<description><![CDATA[Cada navegador asigna a las principales marcas HTML unas propiedades de estilo por defecto. Ésto es uno de los factores que provocan que el diseño de una página web no se visualice igual en todos los navegadores. Para que un diseño web tienda a ser homogéneo en todos los navegadores, lo que se conoce como <a title="Cross-browser -- Wikipedia in english" href="http://en.wikipedia.org/wiki/Cross-browser">cross browsing</a>, es necesario resetear todos los estilos para poder controlarlos a gusto. Existen miles de CSS para conseguir esto, casi cada diseñador tiene el suyo. En <a title="Reseteando estilos CSS -- anieto2k" href="http://www.anieto2k.com/2007/08/07/reseteando-estilos-css/"><strong>anieto2k</strong></a> he encontrado uno bastante completo.]]></description>
			<content:encoded><![CDATA[<p>Cada navegador asigna a las principales marcas HTML unas propiedades de estilo por defecto. Ésto es uno de los factores que provocan que el diseño de una página web no se visualice igual en todos los navegadores. Para que un diseño web tienda a ser homogéneo en todos los navegadores, lo que se conoce como <a title="Cross-browser -- Wikipedia in english" href="http://en.wikipedia.org/wiki/Cross-browser">cross browsing</a>, es necesario resetear todos los estilos para poder controlarlos a gusto. Existen miles de CSS para conseguir esto, casi cada diseñador tiene el suyo. En <a title="Reseteando estilos CSS -- anieto2k" href="http://www.anieto2k.com/2007/08/07/reseteando-estilos-css/"><strong>anieto2k</strong></a> he encontrado uno bastante completo.</p>
<p><code>html, body, div, span, applet, object, iframe,<br />
h1, h2, h3, h4, h5, h6, p,<br />
blockquote, pre, a, abbr, acronym, address, big,<br />
cite, code, del, dfn, em, font, img,<br />
ins, kbd, q, s, samp, small, strike,<br />
strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,<br />
fieldset, form, label, legend,<br />
table, caption, tbody, tfoot, thead, tr, th, td,<br />
center, u, b, i {<br />
margin: 0;<br />
padding: 0;<br />
border: 0;<br />
outline: 0;<br />
font-weight: normal;<br />
font-style: normal;<br />
font-size: 100%;<br />
font-family: inherit;<br />
vertical-align: baseline<br />
}<br />
body {<br />
line-height: 1<br />
}<br />
:focus {<br />
outline: 0<br />
}<br />
ol, ul {<br />
list-style: none<br />
}<br />
table {<br />
border-collapse: collapse;<br />
border-spacing: 0<br />
}<br />
blockquote:before, blockquote:after, q:before, q:after {<br />
content: ""<br />
}<br />
blockquote, q {<br />
quotes: "" ""<br />
}<br />
input, textarea {<br />
margin: 0;<br />
padding: 0<br />
}<br />
hr {<br />
margin: 0;<br />
padding: 0;<br />
border: 0;<br />
color: #000;<br />
background-color: #000;<br />
height: 1px<br />
}</code></p>
]]></content:encoded>
			<wfw:commentRss>http://voragine.net/weblogs/reseteando-estilos-css/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Recursos para empezar con jQuery</title>
		<link>http://voragine.net/weblogs/recursos-para-empezar-con-jquery</link>
		<comments>http://voragine.net/weblogs/recursos-para-empezar-con-jquery#comments</comments>
		<pubDate>Tue, 07 Jul 2009 10:05:00 +0000</pubDate>
		<dc:creator>skotperez</dc:creator>
				<category><![CDATA[Desarrollo web]]></category>
		<category><![CDATA[Usabilidad]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://voragine.net/?p=254</guid>
		<description><![CDATA[<a title="jQuery Tutorials for Designers -- Web Designer Wall" href="http://www.webdesignerwall.com/tutorials/jquery-tutorials-for-designers/"><strong>jQuery tutorials for designers</strong></a>. Una serie de pequeños tutoriales, casi recetas, para entender los fundamentos de jQuery y aprender a hacer los efectos visuales dinámicos típicos de menú. <strong>/</strong> <a title=" 50+ Amazing Jquery Examples- Part1 -- N" href="http://www.noupe.com/jquery/50-amazing-jquery-examples-part1.html"><strong>50+ Amazing Jquery Examples</strong></a>. Desde los plugins más sencillos, listados deslizantes, menús en acordeón, hasta algunos más complejos o menos corrientes, formularios o ruedas de selección de color. Muy útil para empezar a concebir lo que jQuery puede hacer. <strong>/</strong> <a title="Easy Slider 1.5 - The Easiest jQuery Plugin For Sliding Images and Content -- CSS Globe" href="http://cssglobe.com/post/4004/easy-slider-15-the-easiest-jquery-plugin-for-sliding"><strong>Easy Slider</strong></a>. Un plugin para incorporar menús deslizantes realmente fácil de añadir a cualquier página, desarrollado por <a title="CSS Globe" href="http://cssglobe.com">CSS Globe</a>. <strong>/</strong> <a title="Easy Tooltip - jQuery plugin -- CSS Globe" href="http://cssglobe.com/post/4380/easy-tooltip--jquery-plugin"><strong>Easy Tooltip</strong></a>. Un plugin para incorporar elementos de ddistinta complejidad que aparecen al hacer rollover sobre cualquier elemento HTML, también desarrollado por CSS Globe.]]></description>
			<content:encoded><![CDATA[<p><a title="jQuery Tutorials for Designers -- Web Designer Wall" href="http://www.webdesignerwall.com/tutorials/jquery-tutorials-for-designers/"><strong>jQuery tutorials for designers</strong></a>. Una serie de pequeños tutoriales, casi recetas, para entender los fundamentos de jQuery y aprender a hacer los efectos visuales dinámicos típicos de menú.</p>
<p><a title=" 50+ Amazing Jquery Examples- Part1 -- N" href="http://www.noupe.com/jquery/50-amazing-jquery-examples-part1.html"><strong>50+ Amazing Jquery Examples</strong></a>. Desde los plugins más sencillos, listados deslizantes, menús en acordeón, hasta algunos más complejos o menos corrientes, formularios o ruedas de selección de color. Muy útil para empezar a concebir lo que jQuery puede hacer.</p>
<p><a title="Easy Slider 1.5 - The Easiest jQuery Plugin For Sliding Images and Content -- CSS Globe" href="http://cssglobe.com/post/4004/easy-slider-15-the-easiest-jquery-plugin-for-sliding"><strong>Easy Slider</strong></a>. Un plugin para incorporar menús deslizantes realmente fácil de añadir a cualquier página, desarrollado por <a title="CSS Globe" href="http://cssglobe.com">CSS Globe</a>.</p>
<p><a title="Easy Tooltip - jQuery plugin -- CSS Globe" href="http://cssglobe.com/post/4380/easy-tooltip--jquery-plugin"><strong>Easy Tooltip</strong></a>. Un plugin para incorporar elementos de ddistinta complejidad que aparecen al hacer rollover sobre cualquier elemento HTML, también desarrollado por CSS Globe.</p>
]]></content:encoded>
			<wfw:commentRss>http://voragine.net/weblogs/recursos-para-empezar-con-jquery/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Cerrando pestañas de diseño en el navegador</title>
		<link>http://voragine.net/weblogs/cerrando-pestanas-de-diseno-en-el-navegador</link>
		<comments>http://voragine.net/weblogs/cerrando-pestanas-de-diseno-en-el-navegador#comments</comments>
		<pubDate>Tue, 17 Feb 2009 14:00:19 +0000</pubDate>
		<dc:creator>skotperez</dc:creator>
				<category><![CDATA[Desarrollo web]]></category>
		<category><![CDATA[Diseño gráfico]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[frameworks]]></category>
		<category><![CDATA[galerías de imagenes]]></category>
		<category><![CDATA[Javascript]]></category>

		<guid isPermaLink="false">http://voragine.net/?p=188</guid>
		<description><![CDATA[Recopilación de enlaces sobre diseño web que llevaban demasiado tiempo abiertos en mi navegador.]]></description>
			<content:encoded><![CDATA[<p><strong><a title="Las 10 leyes de Jorge para el diseño y desarrollo web -- CSS Lab" href="http://www.csslab.cl/2009/02/12/las-10-leyes-de-jorge-para-el-diseno-y-desarrollo-web/">Las 10 leyes de Jorge para el diseño y desarrollo web</a></strong>. Estoy de acuerdo con todas, excepto una: <em>No te asustes en hacer un sitio pesado.</em></p>
<p><a title=" 17 Best Javascript Image Galleries -- valums.com" href="http://valums.com/javascript-image-galleries/"><strong>Las 17 mejores galerías de imágenes en Javascript</strong></a> (inglés). Clasificadas en galerías hechas con <a title="JQuery" href="http://jquery.com/">JQuery</a> y <a title="A compact javascript framework" href="http://mootools.net/">MooTools</a>.</p>
<p><strong><a title=" 5 Popular CSS Frameworks + Tutorials &amp; Tools for Getting Started -- noupe" href="http://www.noupe.com/css/5-popular-css-frameworks-tutorials-tools-for-getting-started.html">5 entornos de diseño web para no empezar de cero con CSS</a></strong> (inglés). Incluye tutoriales sobre frameworks y un interesante artículo sobre los  <a title="What Are The Benefits of Using a CSS Framework? -- css-tricks.com" href="http://css-tricks.com/what-are-the-benefits-of-using-a-css-framework/">pros y los contras de empezar una web a partir de framework</a>, en vez de empezar de cero.</p>
<p><strong><a title="26 Essential Firefox Add-ons for Web Designers -- instantshift.com" href="http://www.instantshift.com/2009/01/25/26-essential-firefox-add-ons-for-web-designers/">26 extensiones esenciales para diseñadores web</a></strong> (inglés). Para mí, la más esencial de todas es <a title="Firebug" href="http://getfirebug.com/">Firebug</a>.</p>
<p><strong><a title="40+ “Must see” CSS Tools -- Web Air Blog" href="http://www.webair.it/blog/2009/02/09/40-must-see-css-tools/">Más de 40 herramientas para CSS que deberías ver</a></strong> (inglés).</p>
<p><strong><a title="10 Web Typography Rules Every Designer Should Know -- web designer depot" href="http://www.webdesignerdepot.com/2009/02/10-web-typography-rules-every-designer-should-know-2/">Diez reglas tipográficas para la web que todo diseñador debería conocer</a></strong> (inglés).</p>
]]></content:encoded>
			<wfw:commentRss>http://voragine.net/weblogs/cerrando-pestanas-de-diseno-en-el-navegador/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

