<?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 ILUSIONAS &#187; CSS</title>
	<atom:link href="http://ilusionas.com/tag/css/feed/" rel="self" type="application/rss+xml" />
	<link>http://ilusionas.com/blog</link>
	<description>Porque de ilusiones también se vive</description>
	<lastBuildDate>Tue, 21 Jun 2011 10:06:17 +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>For Web Designers &#8211; Recursos para Diseñadores Web</title>
		<link>http://ilusionas.com/blog/for-web-designers-recursos-para-disenadores-web/</link>
		<comments>http://ilusionas.com/blog/for-web-designers-recursos-para-disenadores-web/#comments</comments>
		<pubDate>Mon, 23 Feb 2009 14:17:50 +0000</pubDate>
		<dc:creator>Asier Pérez</dc:creator>
				<category><![CDATA[diseño web]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[iconos]]></category>
		<category><![CDATA[inspiración]]></category>
		<category><![CDATA[recursos]]></category>
		<category><![CDATA[tipografía]]></category>
		<category><![CDATA[XHTML]]></category>

		<guid isPermaLink="false">http://www.ilusionas.com/?p=818</guid>
		<description><![CDATA[¿Eres diseñador web? Bueno, aunque no lo seas quizás forwebdesigners puede ser una web que te sea muy útil. Podrás encontrar todo tipo de recursos. Atento a la lista que hay a continuación porque ahí van los apartados relacionados con &#8230; <a href="http://ilusionas.com/blog/for-web-designers-recursos-para-disenadores-web/">Sigue leyendo <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p class="alinearcentro"><a href="http://www.ilusionas.com/blog/wp-content/uploads/2009/02/logo_fwd.png"><img class="alignnone size-full wp-image-819" title="logo_fwd" src="http://www.ilusionas.com/blog/wp-content/uploads/2009/02/logo_fwd.png" alt="" width="284" height="75" /></a></p>
<p><strong>¿Eres diseñador web?</strong> Bueno, aunque no lo seas quizás<strong> <a href="http://www.forwebdesigners.com/" target="_blank">forwebdesigners</a></strong> puede ser una web que te sea muy útil. Podrás encontrar todo tipo de recursos. Atento a la lista que hay a continuación porque ahí van los apartados relacionados con el diseño web que podrás encontrar:</p>
<ul>
<li>Blogs.</li>
<li>CSS.</li>
<li>Tipografías.</li>
<li>Foros.</li>
<li>Herramientas.</li>
<li>Recursos gráficos.</li>
<li>Iconos.</li>
<li>Inspiración.</li>
<li>Revistas.</li>
<li>CMS&#8217;s.</li>
<li>Tutoriales de Photoshop.</li>
<li>Bancos de imágenes.</li>
</ul>
<p>Todo en uno, ¿necesitas más?</p>
<h3  class="related_post_title">Artículos relacionados</h3><ul class="related_post"><li><a href="http://ilusionas.com/blog/optimiza-tu-hoja-de-estilos-css/" title="Optimiza tu Hoja de Estilos CSS">Optimiza tu Hoja de Estilos CSS</a> (0)</li><li><a href="http://ilusionas.com/blog/css-fly-edita-tu-web-online/" title="CSS Fly &#8211; Edita tu Web Online">CSS Fly &#8211; Edita tu Web Online</a> (0)</li><li><a href="http://ilusionas.com/blog/como-crear-un-menu-al-estilo-mac-os-x/" title="Cómo crear un menú al estilo Mac OS X">Cómo crear un menú al estilo Mac OS X</a> (0)</li></ul>]]></content:encoded>
			<wfw:commentRss>http://ilusionas.com/blog/for-web-designers-recursos-para-disenadores-web/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS Fly &#8211; Edita tu Web Online</title>
		<link>http://ilusionas.com/blog/css-fly-edita-tu-web-online/</link>
		<comments>http://ilusionas.com/blog/css-fly-edita-tu-web-online/#comments</comments>
		<pubDate>Fri, 19 Oct 2007 14:48:08 +0000</pubDate>
		<dc:creator>Asier Pérez</dc:creator>
				<category><![CDATA[diseño web]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[herramienta]]></category>
		<category><![CDATA[online]]></category>

		<guid isPermaLink="false">http://www.ilusionas.com/blog/index.php/2007/10/19/css-fly-edita-tu-web-online/</guid>
		<description><![CDATA[Es una web, en inglés, en la que podrás introducir una url y editar su contenido, tanto el html (o lo que sea) como sus estilos. Lo bueno es que una vez que hagas un cambio podrás verlo reflejado sin &#8230; <a href="http://ilusionas.com/blog/css-fly-edita-tu-web-online/">Sigue leyendo <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Es una web, en inglés, en la que podrás <strong>introducir una url y editar su contenido</strong>, tanto el html (o lo que sea) como sus estilos.</p>
<p>Lo bueno es que una vez que hagas un cambio podrás verlo reflejado sin necesidad de subir online tus archivos modificados porque <strong>CSS Fly te mostrará al instante el resultado</strong> del cambio que hayas realizado.</p>
<p><strong>Los cambios no se guardan</strong>, evidentemente. Pero esto es muy útil para cuando nos volvemos locos con algún estilo y tenemos que probar cambios a la desesperada. O, simplemente, para experimentar con cambios.</p>
<p><strong>Si utilizas Firefox</strong> te recomiendo que te olvides de CSS Fly y te instales la extensión <strong>Web Developper</strong>, mucho más completa y práctica. Pero para los usuarios de <strong>Explorer</strong> les puede ayudar, o que se cambien a<strong> Firefox</strong>.</p>
<p>Y pensar que hace casi 2 años yo no usaba Firefox&#8230; Ahora <strike>casi</strike> llego a odiar el Explorer.</p>
<h3  class="related_post_title">Artículos relacionados</h3><ul class="related_post"><li><a href="http://ilusionas.com/blog/clean-css-optimiza-tus-csss/" title="Clean CSS &#8211; Optimiza tus CSS&#8217;s">Clean CSS &#8211; Optimiza tus CSS&#8217;s</a> (0)</li><li><a href="http://ilusionas.com/blog/for-web-designers-recursos-para-disenadores-web/" title="For Web Designers &#8211; Recursos para Diseñadores Web">For Web Designers &#8211; Recursos para Diseñadores Web</a> (0)</li><li><a href="http://ilusionas.com/blog/aviary-4-herramientas-de-diseno-online/" title="Aviary: 4 Herramientas de Diseño Online">Aviary: 4 Herramientas de Diseño Online</a> (0)</li></ul>]]></content:encoded>
			<wfw:commentRss>http://ilusionas.com/blog/css-fly-edita-tu-web-online/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Optimiza tu Hoja de Estilos CSS</title>
		<link>http://ilusionas.com/blog/optimiza-tu-hoja-de-estilos-css/</link>
		<comments>http://ilusionas.com/blog/optimiza-tu-hoja-de-estilos-css/#comments</comments>
		<pubDate>Wed, 26 Sep 2007 19:55:29 +0000</pubDate>
		<dc:creator>Asier Pérez</dc:creator>
				<category><![CDATA[diseño web]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[maquetación]]></category>
		<category><![CDATA[XHTML]]></category>

		<guid isPermaLink="false">http://www.ilusionas.com/blog/index.php/2007/09/26/optimiza-tu-hoja-de-estilos-css/</guid>
		<description><![CDATA[Con CSS Redundancy Checker, una herramienta online, podrás encontrar estilos CSS que no utilizas en tus html o que sean redundantes. Otra opción que se me ocurre ahora mismo es instalar un plugin para Firefox Dust-Me Selector. Yo personalmente utilizo &#8230; <a href="http://ilusionas.com/blog/optimiza-tu-hoja-de-estilos-css/">Sigue leyendo <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Con <a href="http://services.immike.net/css-checker/" target="_blank">CSS Redundancy Checker</a>, una <strong>herramienta online</strong>, podrás encontrar estilos CSS que no utilizas en tus html o que sean redundantes.</p>
<p>Otra opción que se me ocurre ahora mismo es instalar un <strong>plugin para Firefox</strong> <a href="http://www.sitepoint.com/dustmeselectors/dustmeselectors.xpi" target="_blank">Dust-Me Selector</a>.</p>
<p>Yo personalmente utilizo el plugin Dust-Me Selector.</p>
<h3  class="related_post_title">Artículos relacionados</h3><ul class="related_post"><li><a href="http://ilusionas.com/blog/for-web-designers-recursos-para-disenadores-web/" title="For Web Designers &#8211; Recursos para Diseñadores Web">For Web Designers &#8211; Recursos para Diseñadores Web</a> (0)</li><li><a href="http://ilusionas.com/blog/css-fly-edita-tu-web-online/" title="CSS Fly &#8211; Edita tu Web Online">CSS Fly &#8211; Edita tu Web Online</a> (0)</li><li><a href="http://ilusionas.com/blog/como-crear-un-menu-al-estilo-mac-os-x/" title="Cómo crear un menú al estilo Mac OS X">Cómo crear un menú al estilo Mac OS X</a> (0)</li></ul>]]></content:encoded>
			<wfw:commentRss>http://ilusionas.com/blog/optimiza-tu-hoja-de-estilos-css/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Cómo crear un menú al estilo Mac OS X</title>
		<link>http://ilusionas.com/blog/como-crear-un-menu-al-estilo-mac-os-x/</link>
		<comments>http://ilusionas.com/blog/como-crear-un-menu-al-estilo-mac-os-x/#comments</comments>
		<pubDate>Mon, 17 Sep 2007 21:38:01 +0000</pubDate>
		<dc:creator>Asier Pérez</dc:creator>
				<category><![CDATA[diseño web]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[diseño]]></category>
		<category><![CDATA[estilo]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[MAC]]></category>
		<category><![CDATA[menú]]></category>

		<guid isPermaLink="false">http://www.ilusionas.com/blog/index.php/2007/09/17/como-crear-un-menu-al-estilo-mac-os-x/</guid>
		<description><![CDATA[¿Acaso no crees que el estilo del menú del Mac OS X sea realmente atractivo? Yo recuerdo la primera vez que utilicé un Mac y pondría la mano en el fuego a que la mayor parte del tiempo estuve deslizando &#8230; <a href="http://ilusionas.com/blog/como-crear-un-menu-al-estilo-mac-os-x/">Sigue leyendo <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><strong>¿Acaso no crees que el </strong><strong>estilo del menú del Mac OS X sea realmente </strong><strong>atractivo?</strong><br />
Yo recuerdo la primera vez que utilicé un <strong>Mac</strong> y pondría la mano en el fuego a que la mayor parte del tiempo estuve deslizando el ratón de izquierda a derecha a través de sus iconos. <img src='http://ilusionas.com/blog/wp-includes/images/smilies/icon_smile.gif' alt=':-)' class='wp-smiley' /> </p>
<p>Buscando he encontrado <strong>3 formas diferentes de conseguir ese efecto del Mac</strong> a través de javascript.</p>
<p>Todavía no he probado ninguno de ellos, aunque no dudo que funcionen. ¡¡En cuanto tenga un instante <strong>quiero probarlo</strong>!!</p>
<p>• <a href="http://www.cristalab.com/tips/39041/crear-menu-dock-de-mac-os-x-en-flash" target="_blank">Cristalab</a><br />
• <a href="http://www.ndesign-studio.com/blog/mac/css-dock-menu" target="_blank">CSS Dock Menu</a><br />
• <a href="http://www.safalra.com/programming/javascript/mac-style-dock/" target="_blank">MacStyleDock</a><br />
• <a href="http://icon.cat/software/iconDock/0.8b/dock.html" target="_blank">IconDock<br />
</a></p>
<h3  class="related_post_title">Artículos relacionados</h3><ul class="related_post"><li><a href="http://ilusionas.com/blog/estilos-css-para-mens/" title="Estilos CSS para menús">Estilos CSS para menús</a> (0)</li><li><a href="http://ilusionas.com/blog/frase-celebre-14/" title="Frase célebre">Frase célebre</a> (1)</li><li><a href="http://ilusionas.com/blog/frase-celebre-13/" title="Frase célebre">Frase célebre</a> (4)</li></ul>]]></content:encoded>
			<wfw:commentRss>http://ilusionas.com/blog/como-crear-un-menu-al-estilo-mac-os-x/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Clean CSS &#8211; Optimiza tus CSS&#8217;s</title>
		<link>http://ilusionas.com/blog/clean-css-optimiza-tus-csss/</link>
		<comments>http://ilusionas.com/blog/clean-css-optimiza-tus-csss/#comments</comments>
		<pubDate>Sat, 15 Sep 2007 20:39:09 +0000</pubDate>
		<dc:creator>Asier Pérez</dc:creator>
				<category><![CDATA[diseño web]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[herramienta]]></category>
		<category><![CDATA[optimizar]]></category>

		<guid isPermaLink="false">http://www.ilusionas.com/blog/index.php/2007/09/15/clean-css-optimiza-tus-csss/</guid>
		<description><![CDATA[¿Quieres optimizar tu hoja de estilos CSS o eliminar pequeñas suciedades? Pues he encontrado una herramienta online que lo hace por nosotros: se llama Clean CSS. Puedes copiar el css o escribir su ruta y escoger los parametros de optimización &#8230; <a href="http://ilusionas.com/blog/clean-css-optimiza-tus-csss/">Sigue leyendo <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p style="text-align: center"><img src="http://www.cleancss.com/images/cleancss.jpg" title="Clean CSS" alt="Clean CSS" height="84" width="350" /></p>
<p>¿Quieres <strong>optimizar tu hoja de estilos CSS</strong> o <strong>eliminar pequeñas suciedades</strong>? Pues he encontrado una herramienta online que lo hace por nosotros: se llama <a href="http://www.cleancss.com/" target="_blank"><strong>Clean CSS</strong></a>.</p>
<p>Puedes copiar el css o escribir su ruta y escoger los <strong>parametros de optimización</strong> que quieras que clean css ejecute. Tiene varias opciones configurables.</p>
<p>Funciona para <strong>CSS 1.0</strong>, <strong>CSS 2.0</strong> y <strong>CSS 2.1</strong></p>
<p>Una vez que pulsamos sobre el botón &#8220;Process CSS&#8221;  nos devolverá una lista con los <strong><em>&#8220;errores&#8221;</em> corregidos</strong> y además <strong>nos devolverá el CSS corregido</strong> por si lo queremos copiar y pegar. Además nos indica el tamaño del archivo CSS que hemos insertado y el tamaño del css que ha resultado de la optimización.</p>
<p><strong>Clean CSS está disponible en 3 idiomas</strong> a elegir: inglés, alemán y francés.</p>
<p><strong>Yo ya lo he probado</strong> y la verdad es que para limpiar el CSS no está mal. Si el archivo no es muy grande quizás no merezca la pena, pero si es muy extenso puedes ahorrar tiempo con esta <strong>herramienta online</strong>.</p>
<h3  class="related_post_title">Artículos relacionados</h3><ul class="related_post"><li><a href="http://ilusionas.com/blog/css-fly-edita-tu-web-online/" title="CSS Fly &#8211; Edita tu Web Online">CSS Fly &#8211; Edita tu Web Online</a> (0)</li><li><a href="http://ilusionas.com/blog/for-web-designers-recursos-para-disenadores-web/" title="For Web Designers &#8211; Recursos para Diseñadores Web">For Web Designers &#8211; Recursos para Diseñadores Web</a> (0)</li><li><a href="http://ilusionas.com/blog/adobe-thermo-futura-herramienta-para-desarrollo/" title="Adobe Thermo &#8211; Futura Herramienta para Desarrollo">Adobe Thermo &#8211; Futura Herramienta para Desarrollo</a> (0)</li></ul>]]></content:encoded>
			<wfw:commentRss>http://ilusionas.com/blog/clean-css-optimiza-tus-csss/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Minified using disk: basic
Page Caching using disk: enhanced

Served from: ilusionas.com @ 2012-02-05 22:55:27 -->
