<?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>Bitácora de un Pomelo Radiactivo &#187; CSS</title>
	<atom:link href="http://bitacora.elpomeloradiactivo.com/category/css/feed/" rel="self" type="application/rss+xml" />
	<link>http://bitacora.elpomeloradiactivo.com</link>
	<description>Pensamientos sobre diseño gráfico de una forma diferente</description>
	<lastBuildDate>Sun, 20 Jun 2010 14:45:03 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Sitios estrambóticos donde perder el tiempo con estilo</title>
		<link>http://bitacora.elpomeloradiactivo.com/sitios-estramboticos-donde-perder-el-tiempo-con-estilo/</link>
		<comments>http://bitacora.elpomeloradiactivo.com/sitios-estramboticos-donde-perder-el-tiempo-con-estilo/#comments</comments>
		<pubDate>Wed, 02 Jun 2010 08:45:08 +0000</pubDate>
		<dc:creator>Txentxubros</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Diseño]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[Recursos]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://bitacora.elpomeloradiactivo.com/?p=621</guid>
		<description><![CDATA[Las modernas tecnologías de construcción de sitios web permiten a los diseñadores dar rienda suelta a su más arriesgadas y creativas ideas. Un proceso interactivo mejorado y una apariencia visual destacable pueden conseguirse con herramientas como Flash, JavaScript y PaperVision3D, por nombrar unas pocas. Éstas tecnologías generalmente impresionan y entretienen a los visitantes y además [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><img class="alignnone size-full wp-image-623" title="Record Tripping" src="http://bitacora.elpomeloradiactivo.com/wp-content/uploads/2010/06/record-tripping.jpg" alt="" width="450" height="287" /></p>
<p>Las modernas tecnologías de construcción de sitios web permiten a los diseñadores dar rienda suelta a su más arriesgadas y creativas ideas. Un proceso interactivo mejorado y una apariencia visual destacable pueden conseguirse con herramientas como Flash, JavaScript y PaperVision3D, por nombrar unas pocas. Éstas tecnologías generalmente impresionan y entretienen a los visitantes y además suelen ser utilizadas por artistas conceptuales para presentaciones artísticas y campañas publicitarias.</p>
<p>En esta entrada de Smashing Magazine titulada <a title="Smashing Magazine - Bizarre Websites On Which You Can Kill Time With Style" href="http://www.smashingmagazine.com/2010/05/25/bizarre-websites-on-which-you-can-kill-time-with-style/">Bizarre Websites On Which You Can Kill Time With Style</a> encontrarás una colección de sitios impresionantes, que combiando ideas poco convencionales (y en ocasiones estrambóticas) y un uso inteligente de efectos en JavaScript y Flash, te atraerán para jugar con ellas hasta perder un tiempo muy valioso.</p>
]]></content:encoded>
			<wfw:commentRss>http://bitacora.elpomeloradiactivo.com/sitios-estramboticos-donde-perder-el-tiempo-con-estilo/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>World Wide Web Consortium actualiza su sitio web</title>
		<link>http://bitacora.elpomeloradiactivo.com/world-wide-web-consortium-actualiza-su-sitio-web/</link>
		<comments>http://bitacora.elpomeloradiactivo.com/world-wide-web-consortium-actualiza-su-sitio-web/#comments</comments>
		<pubDate>Fri, 16 Oct 2009 11:55:33 +0000</pubDate>
		<dc:creator>Txentxubros</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Diseño]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[xhtml]]></category>

		<guid isPermaLink="false">http://bitacora.elpomeloradiactivo.com/?p=456</guid>
		<description><![CDATA[Tras muchos años, la organización World Wide Web Consortium (W3C), responsable de los estándares web entre otras cosas, ha realizado un interesante lavado de cara a su anticuado sitio web. Ahora el sitio web es más fácil de consultar y ha sido programado integramente con XHTML estricto. La navegación ha mejorado mucho, así como la [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><img class="size-full wp-image-457 aligncenter" title="Sitio web anterior de W3C" src="http://bitacora.elpomeloradiactivo.com/wp-content/uploads/2009/10/w3cviejo.jpg" alt="Sitio web anterior de W3C" width="450" height="289" /></p>
<p style="text-align: center;"><img class="size-full wp-image-458 aligncenter" title="Sitio web actual de W3C" src="http://bitacora.elpomeloradiactivo.com/wp-content/uploads/2009/10/w3cnuevo.jpg" alt="Sitio web actual de W3C" width="450" height="264" /></p>
<p>Tras muchos años, la organización World Wide Web Consortium (W3C), responsable de los estándares web entre otras cosas, ha realizado un interesante lavado de cara a su anticuado sitio web. Ahora el sitio web es más fácil de consultar y ha sido programado integramente con XHTML estricto. La navegación ha mejorado mucho, así como la legibilidad de la información.</p>
<p>El nuevo diseño fue presentado al mundo el día 13 de octubre (martes y trece, mal día para los supersticiosos).</p>
<p>¿Qué os parece el nuevo aspecto? ¿Qué cosas mejoraríais?</p>
<p><em><strong>Enlace:</strong></em><br />
<a title="World Wide Web Consortium" href="http://www.w3.org/">World Wide Web Consortium (W3C)</a></p>
]]></content:encoded>
			<wfw:commentRss>http://bitacora.elpomeloradiactivo.com/world-wide-web-consortium-actualiza-su-sitio-web/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>20 lugares donde conseguir plantillas web gratis</title>
		<link>http://bitacora.elpomeloradiactivo.com/20-lugares-donde-conseguir-plantillas-web-gratis/</link>
		<comments>http://bitacora.elpomeloradiactivo.com/20-lugares-donde-conseguir-plantillas-web-gratis/#comments</comments>
		<pubDate>Mon, 17 Aug 2009 10:09:21 +0000</pubDate>
		<dc:creator>Txentxubros</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Diseño]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[Recursos]]></category>

		<guid isPermaLink="false">http://bitacora.elpomeloradiactivo.com/?p=391</guid>
		<description><![CDATA[Las plantillas para sitios web gratuitas (basadas en HTML) son siempre una gran fuente de inspiración y muy apreciadas por aquellos que no saben HTML y quieren un sitio web personal. Hay multitud de lugares en la red que ofrecen plantillas web gratuitas, listas para ser descargadas y fáciles de editar con cualquier editor de [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><img class="size-full wp-image-393 aligncenter" title="Plantillas Web" src="http://bitacora.elpomeloradiactivo.com/wp-content/uploads/2009/08/plantillas.jpg" alt="Plantillas Web" width="450" height="528" /></p>
<p>Las plantillas para sitios web gratuitas (basadas en HTML) son siempre una gran fuente de inspiración y muy apreciadas por aquellos que no saben HTML y quieren un sitio web personal. Hay multitud de lugares en la red que ofrecen plantillas web gratuitas, listas para ser descargadas y fáciles de editar con cualquier editor de HTML. Básicamente, todo lo que has de hacer es descomprimir la plantilla y enviarla, vía FTP, a tu sitio web. Poco más es necesario, salvo editarla para que aparezca con el contenido que desees.</p>
<p>Ahora, aprovecha este <a title="Smashing Downloads - 20 Useful Resources To Download Free Website Templates" href="http://www.smashingdownloads.com/2009/08/16/20-useful-resources-to-download-free-website-templates/">completo listado</a> que contiene veinte fantásticos sitios donde podrás hacerte con una amplia variedad de plantillas web.</p>
<p><em><strong>Más información:</strong></em><br />
<a title="Smashing Downloads - 20 Useful Resources To Download Free Website Templates" href="http://www.smashingdownloads.com/2009/08/16/20-useful-resources-to-download-free-website-templates/">Smashing Downloads &#8211; 20 Useful Resources To Download Free Website Templates</a></p>
]]></content:encoded>
			<wfw:commentRss>http://bitacora.elpomeloradiactivo.com/20-lugares-donde-conseguir-plantillas-web-gratis/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Para de Internet disfrutar&#8230;</title>
		<link>http://bitacora.elpomeloradiactivo.com/para-de-internet-disfrutar/</link>
		<comments>http://bitacora.elpomeloradiactivo.com/para-de-internet-disfrutar/#comments</comments>
		<pubDate>Mon, 08 Jun 2009 13:24:04 +0000</pubDate>
		<dc:creator>Txentxubros</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[Programas]]></category>
		<category><![CDATA[Recursos]]></category>
		<category><![CDATA[navegadores]]></category>

		<guid isPermaLink="false">http://bitacora.elpomeloradiactivo.com/?p=243</guid>
		<description><![CDATA[&#8230;un navegador web vas a necesitar. Y es que uno de los servicios más utilizados de Internet es la World Wide Web. Para acceder a la información almacenada en forma de páginas web, el usuario necesita un navegador. El navegador interpreta el código de la página web y muestra un resultado visual. La Wikipedia define [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><img class="size-full wp-image-306" title="Navegadores web" src="http://bitacora.elpomeloradiactivo.com/wp-content/uploads/2009/06/navegadores.jpg" alt="Navegadores web" width="420" height="300" /></p>
<p>&#8230;un navegador web vas a necesitar. Y es que uno de los servicios más utilizados de Internet es la World Wide Web. Para acceder a la información almacenada en forma de páginas web, el usuario necesita un navegador. El navegador interpreta el código de la página web y muestra un resultado visual. La <a title="Navegador web en la Wikipedia" href="http://es.wikipedia.org/wiki/Navegador_web">Wikipedia</a> define al navegador web como &#8220;&#8230;una aplicación software que permite al usuario recuperar y visualizar documentos de hipertexto, comúnmente descritos en <strong>HTML</strong>, desde servidores web de todo el mundo a través de Internet&#8221;.</p>
<p>Hoy en día, la posibilidad de elegir entre diferentes sistemas operativos hace que la cantidad de navegadores web disponibles sea bastante grande, y hace que algunos usuarios se sientan desconcertados y se queden con el navegador web que viene por defecto en el sistema operativo que utiliza habitualmente. Pero no todos los navegadores web son iguales pues algunos son más seguros, otros más ligeros y otros especializados en áreas concretas de la red. En este pequeño artículo vamos a centrarnos en los navegadores más comunes para los tres sistemas operativos de escritorio mayoritarios: <strong>Windows</strong>, <strong>Mac OS X</strong> y <strong>GNU/Linux</strong>. No entraremos en detalles técnicos, simplemente serán brevemente descritos.<br />
<span id="more-243"></span></p>
<h2><strong>Internet Explorer</strong></h2>
<p><img class="alignleft size-full wp-image-308" title="Internet Explorer" src="http://bitacora.elpomeloradiactivo.com/wp-content/uploads/2009/06/explorer.jpg" alt="Internet Explorer" width="100" height="100" />Desarrollado por Microsoft es uno de los navegadores más utilizados a nivel mundial. Únicamente disponible para <strong>Windows</strong>, actualmente se encuentra en su versión 8. Es famoso por su cantidad de fallos de seguridad, la falta de rigurosidad a la hora de respetar los estándares web y por ir añadiendo a última hora características de navegadores de la competencia.</p>
<p>Aun siendo uno de los más utilizados no es recomendable su uso, ya que es muy vulnerable a ser atacado por software maligno y es muy lento visualizando las páginas web. Es totalmente gratuito.</p>
<p><a title="Descargar Internet Explorer" href="http://www.microsoft.com/spain/windows/products/winfamily/ie/default.mspx">Descargar Internet Explorer</a></p>
<h2><strong>Mozilla Firefox</strong></h2>
<p><img class="alignleft size-full wp-image-310" title="Mozilla Firefox" src="http://bitacora.elpomeloradiactivo.com/wp-content/uploads/2009/06/firefox.jpg" alt="Mozilla Firefox" width="106" height="100" />Es el navegador que llegó para revolucionar Internet. Es libre (por lo cualquiera puede modificar su código) y gratuito. Es uno de los más rápidos visualizando las páginas web y respeta en gran medida los estándares, pero tiene en su contra el alto consumo de memoria RAM. Gracias a unos pequeños complementos, llamados <a title="Sitio oficial de complementos para Mozilla Firefox" href="https://addons.mozilla.org/es-ES/firefox/">Extensiones</a>, puede ver incrementada su potencia y versatilidad convirtiéndolo en uno de los navegadores web más versátiles. Es muy seguro, teniendo abundantes correcciones de seguridad, y actualmente, se encuentra en la versión 3.0.10, aunque pronto se presentará la versión 3.5 con muchos cambios y novedades.</p>
<p>Por si fuera poco, se encuentra disponible para todas las plataformas mayoritarias: <strong>GNU/Linux</strong>, <strong>Mac OS X </strong>y <strong>Windows</strong>.</p>
<p><a title="Descargar Mozilla Firefox" href="http://www.mozilla-europe.org/es/firefox/">Descargar Mozilla Firefox</a></p>
<h2><strong>Safari</strong></h2>
<p><img class="alignleft size-full wp-image-311" title="Safari" src="http://bitacora.elpomeloradiactivo.com/wp-content/uploads/2009/06/safari.jpg" alt="Safari" width="100" height="111" />Creación de Apple y su equipo de desarrollo. Actualmente la última versión oficial disponible es la 4.0, pudiéndose encontrar tanto para <strong>Mac OS X</strong> como para <strong>Windows</strong>. Es un navegador ligero que respeta los estándares y muy rápido cargando las páginas web (utiliza el motor libre <a title="KHTML en la Wikipedia" href="http://es.wikipedia.org/wiki/KHTML">KHTML</a>). Con una estética que le ayuda a integrarse en el sistema de los Mac, en Windows quizá llegue a desentonar. Fue muy criticado por ser liberado a la comunidad con excesivos fallos de seguridad que tuvieron que ser resueltos con grandes actualizaciones.</p>
<p>Es totalmente gratuito y tiene frecuentes actualizaciones.</p>
<p><a title="Descargar Safari" href="http://www.apple.com/es/macosx/features/safari.html">Descargar Safari</a></p>
<h2><strong>Opera</strong></h2>
<p><img class="alignleft size-full wp-image-312" title="Opera" src="http://bitacora.elpomeloradiactivo.com/wp-content/uploads/2009/06/opera.jpg" alt="Opera" width="114" height="100" />Desarrollado por la empresa de mismo nombre, Opera es uno de los navegadores más interesantes. Es uno de los más rápidos, cumple de manera excelente con los estándares web (especialmente con las especificaciones CSS), muy seguro, con cliente <a title="Protocolo BitTorrent en la Wikipedia" href="http://es.wikipedia.org/wiki/BitTorrent_(protocolo)">BitTorrent</a> integrado y con algunas características visuales realmente interesantes. La versión más actual es la 9.64 pero la versión 10 ya se encuentra en Beta pública para que vaya siendo probada por los usuarios.</p>
<p>Aunque al comienzo era de pago, ahora es totalmente gratuito y se encuentra disponible para gran cantidad de plataformas: <strong>Windows</strong>, <strong>Mac OS X</strong>, <strong>GNU/Linux</strong>, teléfonos móviles, consola Wii de Nintendo, etc.</p>
<p><a title="Descargar Opera" href="http://www.opera.com/">Descargar Opera</a></p>
<h2>Google Chrome</h2>
<p><img class="alignleft size-full wp-image-315" title="Google Chrome" src="http://bitacora.elpomeloradiactivo.com/wp-content/uploads/2009/06/chrome.jpg" alt="Google Chrome" width="105" height="100" />Uno de los últimos en llegar. Google también mostró su alternativa al resto de navegadores web. La versión más moderna es la 2.0 y está disponible para <strong>Windows</strong>, <strong>Mac OS X</strong> y <strong>GNU/Linux</strong>, aunque las versiones para los dos últimos son aún preliminares y distan bastante de ser estables.</p>
<p>Es muy rápido, especialmente en la ejecución de código JavaScript, y extremadamente riguroso con los estándares web, por lo que las páginas han de estar bien programadas. Su interfaz es muy simple y tiene actualizaciones con regularidad para solventar diferentes tipos de problemas.</p>
<p><a title="Descargar Google Chrome" href="http://www.google.com/chrome">Descargar Google Chrome</a></p>
<h2><strong>Otros</strong></h2>
<p>La lista de navegadores web es, en realidad, inmensa. Hay muchos proyectos que utilizan el motor de alguno de los navegadores citados en esta entrada para crear nuevas experiencias de usuario, o proponer nuevas alternativas. No hay nada como pasarse por la página web de la Wikipedia dedicada a los <a title="Navegadores web" href="http://es.wikipedia.org/wiki/Categoría:Navegadores_web">navegadores web</a> para darse cuenta de que hay interesantes opciones para todo tipo de usuarios.</p>
<p>No lo dudes: busca, prueba, compara y encuentra tu navegador web ideal.</p>
]]></content:encoded>
			<wfw:commentRss>http://bitacora.elpomeloradiactivo.com/para-de-internet-disfrutar/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Plantillas CSS gratuitas para bitácoras</title>
		<link>http://bitacora.elpomeloradiactivo.com/plantillas-css-gratuitas-para-bitacoras/</link>
		<comments>http://bitacora.elpomeloradiactivo.com/plantillas-css-gratuitas-para-bitacoras/#comments</comments>
		<pubDate>Mon, 08 Sep 2008 08:56:15 +0000</pubDate>
		<dc:creator>Txentxubros</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[Recursos]]></category>

		<guid isPermaLink="false">http://bitacora.elpomeloradiactivo.com/plantillas-css-gratuitas-para-bitacoras/</guid>
		<description><![CDATA[Cada vez hay más bitácoras en Internet y de toda clase de temáticas. Todas tienen su espacio en la gran red y todas se enfrentan a un dilema: su diseño. Desde luego, hay diseñadores web profesionales capaces de crear cualquier tipo de diseño para bitácoras, pero muchos otros usuarios no saben cómo crear la base [...]]]></description>
			<content:encoded><![CDATA[<div style="text-align: center"><a title="freecsstemplates.org" href="http://www.flickr.com/photos/txentxubros/2838630023/"><img title="freecsstemplates.org" alt="freecsstemplates.org" src="http://farm4.static.flickr.com/3269/2838630023_c19c86db74_o.jpg" /></a></div>
<p>Cada vez hay más bitácoras en Internet y de toda clase de temáticas. Todas tienen su espacio en la gran red y todas se enfrentan a un dilema: su diseño. Desde luego, hay diseñadores web profesionales capaces de crear cualquier tipo de diseño para bitácoras, pero muchos otros usuarios no saben cómo crear la base de su futuro proyecto. En <a title="freecsstemplates.org" href="http://www.freecsstemplates.org/">freecsstemplates.org</a> encontraremos cientos de plantillas CSS gratuitas para vestir nuestra bitácora.</p>
<p>Todas las plantillas cumplen con el estándar <a title="XHTML en la Wikipedia" href="http://es.wikipedia.org/wiki/XHTML">XHTML</a> estricto y ninguna utiliza tablas en sus diseños. Además son modificables y se pueden utilizar tanto para proyectos personales como profesionales. El único requisito a cumplir es de dejar claro que la autoría de la plantilla es de <a title="freecsstemplates.org" href="http://www.freecsstemplates.org/">freecsstemplates.org</a>.</p>
<p>Este sitio web es un recurso interesante tanto para usuarios que quieren comenzar una bitácora y no tienen conocimientos de diseño web suficientes, como para profesionales que necesitan buscar elementos de referencia.</p>
]]></content:encoded>
			<wfw:commentRss>http://bitacora.elpomeloradiactivo.com/plantillas-css-gratuitas-para-bitacoras/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Typechart &#8211; CSS y tipografías</title>
		<link>http://bitacora.elpomeloradiactivo.com/typechart-css-y-tipografias/</link>
		<comments>http://bitacora.elpomeloradiactivo.com/typechart-css-y-tipografias/#comments</comments>
		<pubDate>Thu, 04 Sep 2008 17:23:30 +0000</pubDate>
		<dc:creator>Txentxubros</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[Recursos]]></category>
		<category><![CDATA[Tipografía]]></category>

		<guid isPermaLink="false">http://bitacora.elpomeloradiactivo.com/typechart-css-y-tipografias/</guid>
		<description><![CDATA[El siguiente enlace es realmente interesante. Como es sabido por todo el mundo, las tipografías no se ven igual en Mac OS X que en Windows, ya que cada sistema operativo las interpreta de forma distinta. En otras ocasiones, algunas tipografías solamente se pueden utilizar en Mac OS X y otras en Windows. Typechart es [...]]]></description>
			<content:encoded><![CDATA[<div style="text-align: center"><a title="Typechart" href="http://www.flickr.com/photos/txentxubros/2828512094/"><img alt="Typechart" title="Typechart" src="http://farm4.static.flickr.com/3099/2828512094_d5b27eed46_o.jpg" /></a></div>
<p>El siguiente enlace es realmente interesante. Como es sabido por todo el mundo, las tipografías no se ven igual en Mac OS X que en Windows, ya que cada sistema operativo las interpreta de forma distinta. En otras ocasiones, algunas tipografías solamente se pueden utilizar en Mac OS X y otras en Windows. <a title="Typechart" href="http://www.typechart.com/">Typechart</a> es un servicio web que nos permite comparar como se ve determinada tipografía en Mac OS X y Windows, y así obtener el código CSS para la configuración que estemos visualizando.</p>
<p>Para ello proporcionan varias familias tipográficas clásicas, además de varios tamaños que van desde letra pequeña (<em>small</em>) hasta extra grande (<em>extra large</em>) y finalmente lo que denominan <em>emphasis,</em> que no es otra cosa que tipografías con estilo negrita (<em>bold</em>), cursiva (<em>italic</em>) y mayúsculas (<em>uppercase</em>).</p>
<p>El sitio es muy práctico y simple, y hace su función a la perfección.</p>
<p><em><strong>Vía:</strong></em><br />
<a title="Isopixel - Typechart" href="http://isopixel.net/archivo/2008/09/typechart/">Isopixel &#8211; Typechart</a></p>
]]></content:encoded>
			<wfw:commentRss>http://bitacora.elpomeloradiactivo.com/typechart-css-y-tipografias/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
