<?xml version="1.0" encoding="utf-8"?><rss 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:itunes="http://www.itunes.com/dtds/podcast-1.0.dtd" xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" version="2.0">

<channel>
<title>estilorama Blog*</title>
<link>http://www.estilorama.com/seccion/5/blog*</link>
<language>es</language>
<description>Una pequeña recopilacion de temas relacionados con la creación de páginas web, la maquetación y el desarrollo web en general. Realizado por estilorama*.</description>
<generator>estilorama</generator><item>
<title>Problema de cookies en Gmail</title>
<link>http://www.estilorama.com/seccion/5/id,17/problema-de-cookies-en-gmail</link>
<comments>http://www.estilorama.com/seccion/5/id,17/problema-de-cookies-en-gmail#comments</comments>
<pubDate>Fri, 05 Feb 2010 12:20:00 +0100</pubDate>
<category>Internet</category>
<guid>http://www.estilorama.com/seccion/5/id,17/problema-de-cookies-en-gmail#comments</guid>
<description><![CDATA[Hola a todos/as, esta vez toca hacer una entrada respecto a un problema de seguridad de Gmail, ya que es utilizado por much&iacute;sima gente. Bien, el problema pasa por un fallo de manejo de las cookies por parte de Gmail:  Aunque los datos de login se pasan por https (es decir, cifrados) , en cuanto se valida el acceso, Gmail guarda la cookie sin cifrar y esto permite que sea "espiada" cuando estemos comprobando nuestro correo sin estar conectados con https.  Esto permite, mediante t&eacute;cn...]]></description>
<content:encoded><![CDATA[<p>Hola a todos/as, esta vez toca hacer una entrada respecto a un problema de seguridad de <a target="_blank" href="http://www.gmail.com">Gmail</a>, ya que es utilizado por much&iacute;sima gente. Bien, el problema pasa por un fallo de manejo de las cookies por parte de Gmail:</p>  <p>Aunque los datos de login se pasan por https (es decir, cifrados) , en cuanto se valida el acceso, Gmail guarda la cookie sin cifrar y esto permite que sea "espiada" cuando estemos comprobando nuestro correo sin estar conectados con https.</p>  <p>Esto permite, mediante t&eacute;cnicas de Cookie Hijacking, capturar nuestra cookie y acceder a nuestro correo.</p>  <p>Para evitar esto hay una opci&oacute;n en la configuraci&oacute;n de Gmail. Es la siguiente:</p>  <p>Ir a <strong>Configuracion</strong>, <strong>Conexi&oacute;n del navegador</strong> y marcar "<strong>Utilizar siempre https</strong>".</p>  <p>Deb&eacute;is tener en cuenta que no s&oacute;lo Gmail puede tener este fallo y deb&eacute;is ser muy cautos cuando os conect&eacute;is desde una red p&uacute;blica: siempre a trav&eacute;s de SSL.</p>  <p></p>  <p>Saludos</p>]]></content:encoded>
</item><item>
<title>iPad: esto es broma, ¿no?</title>
<link>http://www.estilorama.com/seccion/5/id,16/ipad-esto-es-broma-no</link>
<comments>http://www.estilorama.com/seccion/5/id,16/ipad-esto-es-broma-no#comments</comments>
<pubDate>Tue, 02 Feb 2010 17:53:00 +0100</pubDate>
<category>Tecnología</category>
<guid>http://www.estilorama.com/seccion/5/id,16/ipad-esto-es-broma-no#comments</guid>
<description><![CDATA[Hola a tod@s. Me presento:&nbsp;soy tech-nico, y escribir&eacute; en el blog de estilorama las entradas relativas a Internet, Tecnolog&iacute;a, etc... Como no es normal tener mucho tiempo libre, entre trabajo, estudio y vida social; no puedo garantizar una periodicidad concreta;&nbsp;pero aqu&iacute; estoy para colaborar.  El iPad  El nuevo "cacharro" de Apple para sus fieles seguidores o quiz&aacute;s ni eso, pues no v&iacute; demasiada reacci&oacute;n en internet a favor del iPad de mano de l...]]></description>
<content:encoded><![CDATA[<p>Hola a tod@s. Me presento:&nbsp;soy <strong>tech-nico</strong>, y escribir&eacute; en el blog de estilorama las entradas relativas a Internet, Tecnolog&iacute;a, etc... Como no es normal tener mucho tiempo libre, entre trabajo, estudio y vida social; no puedo garantizar una periodicidad concreta;&nbsp;pero aqu&iacute; estoy para colaborar.</p>  <h3>El iPad</h3>  <p>El nuevo "cacharro" de Apple para sus fieles seguidores o quiz&aacute;s ni eso, pues no v&iacute; demasiada reacci&oacute;n en internet a favor del iPad de mano de los ya usuarios (y parece que satisfechos) de iPhone, iPod, MacBook, etc...</p>  <p>Bien, veamos esas <a href="http://www.apple.com/mx/ipad/specs/" target="_blank">caracter&iacute;sticas del iPad</a>.</p>  <p><strong>Wi-Fi o Wi-Fi+3G</strong><br />  De mano, podemos ver que habr&aacute; 2 modelos diferentes, seg&uacute;n conectividad: el primero (Wi-Fi) y el segundo (Wi-Fi + 3G). Bien. Esto no s&eacute; como se va a gestionar, pero al menos el segundo tipo (con 3G) a mi me huele a pago de <a href="http://www.canalpda.com/2007/05/15/2893-tarifas+datos+movil+truco+del+euro+al+dia" target="_blank">tarifa de datos</a> (enlace de ejemplo de las tarifas, no actualizadas, pero justificantes de lo que cuento) al operador correspondiente. Queda ver el tema Wi-Fi, pero perfectamente podr&iacute;a ser necesario pasar por la caja mensual de la operadora.</p>  <p><strong>Pantalla</strong><br />  Podemos ver que posee una pantalla de 9.7 pulgadas, LED con capacidad Multi-touch. Protecci&oacute;n anti-huellas y soporte para m&uacute;ltiples idiomas. Muy bonito;&nbsp;pero la triste resoluci&oacute;n de 1024x768px nos har&aacute; retraernos a 1997, cuando mi monitor, por ejemplo daba ya esa resoluci&oacute;n de pantalla;&nbsp;y hab&iacute;a ya monitores que ofrec&iacute;an m&aacute;s resoluci&oacute;n. En cualquier caso, a olvidarse de la alta definici&oacute;n.</p>  <p><strong>Capacidad</strong><br />  Existir&aacute;n 3 modelos seg&uacute;n la capacidad de su memoria flash, usada como disco duro: 16GB, 32GB, 64GB. Los cuales ser&aacute;n m&aacute;s rapidos que un disco duro tradicional, al ser memoria flash y no llevar mecanismos;&nbsp;pero se nos antojan rid&iacute;culas esas capacidades, para los tiempos que corren y los espacios ya ocupados (en GB) en los discos duros de la gente. Aunque un poco m&aacute;s adelante veremos que poco importa la capacidad que dispongamos, puesto que no podremos meter todos nuestros ficheros en el iPad.</p>  <p><strong>Procesador</strong><br />  Sistema en chip A4 de 1GHz, de alto desempe&ntilde;o y bajo consumo. Bien en este aspecto, tampoco voy a entrar demasiado, puesto que no hice ning&uacute;n tipo de benchmarking al procesador ni a ning&uacute;n otro. Desde luego, es de esperar que mueva el software del iPad con fluidez;&nbsp;pero a mi modo de ver, es bastante rid&iacute;culo comparado con otros procesadores. Saliendo de reproducir videos, ver fotos y navegar por internet... No lo s&eacute;.</p>  <p><strong>Bater&iacute;a</strong><br />  Desde luego, 10 horas de autonom&iacute;a que prometen en su web es un buen n&uacute;mero, comparado con un port&aacute;til de gama media; pero claro, al consumir poco tampoco se pueden esperar grandes especificaciones. Lo que sospecho es que cuando te pongas a jugar con el iPad, la bater&iacute;a se funda en mucho menos tiempo que el publicitado.</p>  <p><strong>Entradas y salidas</strong><br />  <em>Conector dock</em>: En fin, un puerto de entrada/salida propietario. No har&eacute; comentarios, porque su propia especificaci&oacute;n es vergonzosa. Los est&aacute;ndares existen por algo y si ese Dock es mejor que su hom&oacute;logo est&aacute;ndar, no entiendo porqu&eacute; no es &eacute;l el est&aacute;ndar establecido. Para convertir ese puerto en conector usb, toca pasar por caja y adquirir el accesorio correspondiente. Muy bonito.</p>  <p><em>Salida para auriculares</em> est&aacute;ndar (menos mal. &iquest;Poca capacidad para crear un est&aacute;ndar mejor?):&nbsp;minijack de 3.5</p>  <p><em>Altavoces y micr&oacute;fono</em> integrados.</p>  <p><em>Bandeja para la tarjeta SIM </em>(en el caso de Wi-Fi + 3G).</p>  <p><strong>TV y Video</strong><br />  Reproduce Videos con audio est&eacute;reo en formato .m4v, .mp4 y .mov. Esto ni lo comento porque al leerlo ya os debe de chocar a todos.</p>  <p><strong>Facilidad de uso</strong><br />  En este aspecto, creo que lleva la de ganar.&nbsp; El aparato ha de ser muy amigable y f&aacute;cil de usar. Aunque claro, para las 4 cosas que tiene, no vas a tener que comprar "La Biblia del iPad"...</p>  <p><strong>Comercial</strong><br />  Todos vimos la presentaci&oacute;n inflada del iPad, y digo inflada puesto que no hab&iacute;a otras palabras en el ambiente que "<a href="http://www.youtube.com/watch?v=1ZS8HqOGTbA" target="_blank">M&aacute;gico, Incre&iacute;ble, Fant&aacute;stico...</a>", a modo de mensaje de subliminal. La gente de Apple (y mucha m&aacute;s)&nbsp;son expertos en meternos necesidades in&uacute;tiles en la cabeza: &iexcl;Comprad malditos!</p>  <p>Espero que os haya entretenido esta entrada, o al menos, os haya invitado a conocer m&aacute;s a fondo el iPad y lo que os puede ofrecer.&nbsp; Si ten&eacute;is alguna r&eacute;plica que hacer, pod&eacute;is dejarnos un comentario. Gracias por vuestra atenci&oacute;n.</p>]]></content:encoded>
</item><item>
<title>Sony pasa por el aro</title>
<link>http://www.estilorama.com/seccion/5/id,14/sony-pasa-por-el-aro</link>
<comments>http://www.estilorama.com/seccion/5/id,14/sony-pasa-por-el-aro#comments</comments>
<pubDate>Thu, 07 Jan 2010 13:10:00 +0100</pubDate>
<category>Tecnología</category>
<guid>http://www.estilorama.com/seccion/5/id,14/sony-pasa-por-el-aro#comments</guid>
<description><![CDATA[Sony parece haber dado su brazo a torcer en cuanto a tarjetas multimedia se refiere. Desde hace 10 a&ntilde;os, y como de costumbre, Sony apostaba por su formato (propietario) de tarjetas:&nbsp;las Memory Stick; de las cuales sac&oacute; diversas versiones:        Memory Stick. Es la versi&oacute;n inicial de la tarjeta.      Memory Stick Pro. Es una revisi&oacute;n que permite mayor capacidad y velocidad de acceso.      Memory Stick Pro Duo. Es una revisi&oacute;n de la tarjeta que presenta un ...]]></description>
<content:encoded><![CDATA[<p>Sony parece haber dado su brazo a torcer en cuanto a tarjetas multimedia se refiere. Desde hace 10 a&ntilde;os, y como de costumbre, Sony apostaba por su formato (propietario) de tarjetas:&nbsp;las Memory Stick; de las cuales sac&oacute; diversas versiones:</p>  <ul>      <li>Memory Stick. Es la versi&oacute;n inicial de la tarjeta.</li>      <li>Memory Stick Pro. Es una revisi&oacute;n que permite mayor capacidad y velocidad de acceso.</li>      <li>Memory Stick Pro Duo. Es una revisi&oacute;n de la tarjeta que presenta un tama&ntilde;o inferior al habitual.</li>      <li>Memory Stick Micro. Es una revisi&oacute;n de la tarjeta, en tama&ntilde;o mini, al estilo de microSD;&nbsp;muy utilizada en tel&eacute;fonos m&oacute;viles.</li>  </ul>  <p>Pese a ser Sony el principal defensor de las Memory Stick, los &uacute;nicos fabricantes relevantes de las mismas son ScanDisk y Lexar.</p>  <p>Hecha esta peque&ntilde;a introducci&oacute;n; ya conocemos la posici&oacute;n de Sony durante los &uacute;ltimos 10 a&ntilde;os. La noticia es que,&nbsp; a partir de ahora, Sony da su brazo a torcer y va a ofrecer una nueva serie de tarjetas de memoria; pero en formato SD:</p>  <ul>      <li>2GB SD</li>      <li>4GB-8GB-16GB-32GB SDHC</li>      <li>2GB&nbsp;microSD</li>      <li>4GB-8GB microSDHC</li>  </ul>  <p>Sin embargo, &eacute;stas tarjetas se ofrecer&aacute;n para el almacenamiento en c&aacute;maras digitales, tel&eacute;fonos m&oacute;viles, etc mientras que la PSP, c&aacute;maras digitales Sony, PS3 y otros productos propietarios de Sony seguir&aacute;n utilizando la Memory Stick.</p>  <p>La debate ahora es &iquest;qu&eacute; necesidad hay de crear un caos a la hora de comprar/buscar tarjetas de memoria? Que si MMC, SD, Memory Stick...</p>  <p>S&iacute; es comprensible sacar revisiones de una tarjeta, si mejoran las especificaciones;&nbsp;pero &iquest;tanta variedad para tareas cotidianas? &iquest;Tenemos que estudiar las especificaciones de todo? &iquest;Por qu&eacute; no utilizan su potencial en conjunto para sacar una tarjeta est&aacute;ndar?</p>  <p>En estilorama* somos defensores de no tener que poseer 4 tipos de tarjeta distintos; de poder reutilizar las tarjetas de dispositivos que no utilizamos, etc. Creo que actualmente la SD es la que mejor cumple estas funciones.</p>  <p></p>  <p>Fuente: <a href="http://news.sel.sony.com/en/press_room/consumer/digital_imaging/memory_stick/release/56274.html" target="_blank">Sony</a></p>  <p></p>  <p></p>]]></content:encoded>
</item><item>
<title>XHTML</title>
<link>http://www.estilorama.com/seccion/5/id,13/xhtml</link>
<comments>http://www.estilorama.com/seccion/5/id,13/xhtml#comments</comments>
<pubDate>Mon, 21 Dec 2009 09:58:00 +0100</pubDate>
<category>XHTML</category>
<guid>http://www.estilorama.com/seccion/5/id,13/xhtml#comments</guid>
<description><![CDATA[&iquest;Qu&eacute; es XHTML?  XHTML es un lenguaje de marcado de hipertexto extensible, similar y supuestamente sustituto del ya m&iacute;tico HTML (lenguaje de marcado de hipertexto), y al igual que este &uacute;ltimo, sirve para dar forma y significado sem&aacute;ntico a un documento web.  Esto quiere decir que son muy parecidos, sin embargo, la diferencia principal es que XHTML est&aacute; basado en XML y cumple sus especificaciones. Pero esto no significa que HTML est&eacute; muerto, ni much...]]></description>
<content:encoded><![CDATA[<h3>&iquest;Qu&eacute; es XHTML?</h3>  <p><strong>XHTML </strong>es un <em>lenguaje de marcado de hipertexto extensible</em>, similar y supuestamente sustituto del ya m&iacute;tico <strong>HTML </strong>(<em>lenguaje de marcado de hipertexto</em>), y al igual que este &uacute;ltimo, <strong>sirve para dar forma y significado sem&aacute;ntico</strong> a un documento web.</p>  <p>Esto quiere decir que son muy parecidos, sin embargo, la diferencia principal es que XHTML est&aacute; basado en XML y cumple sus especificaciones. Pero esto no significa que HTML est&eacute; muerto, ni mucho menos:&nbsp;HTML4 sigue siendo recomendaci&oacute;n del w3c y ya sabemos que el HTML5 est&aacute; en preparaci&oacute;n y desarrollo</p>  <h3>Diferencias entre XHTML y HTML</h3>  <table cellspacing="1" cellpadding="1" border="0" width="100%">      <tbody>          <tr>              <td><strong>HTML</strong></td>              <td><strong>XHTML</strong></td>          </tr>          <tr>              <td>Se "permiten" etiquetas sin cerrar (Ej: IMG, BR)</td>              <td>Todas las etiquetas han de estar cerradas. Si no existe etiqueta de cierre espec&iacute;fica para un elemento hay que usar el cierre " />" (Ej: br)</td>          </tr>          <tr>              <td>Los elementos pueden ir en may&uacute;sculas</td>              <td>Hay que poner etiquetas de elementos y atributos en min&uacute;sculas.</td>          </tr>          <tr>              <td>No son necesarias las comillas en los atributos</td>              <td>Hay que utilizar comillas para delimitar los valores de los atributos (Ej: title="T&iacute;tulo del enlace")</td>          </tr>          <tr>              <td>Los atributos especiales se indican de manera m&iacute;nima <br />              (Ej: option selected)</td>              <td>No est&aacute;n permitidos los atributos de esta manera. Han de ser expl&iacute;citos:<br />              (Ej: option selected="selected")</td>          </tr>          <tr>              <td>El lenguaje del documento se marca con el atributo de la etiqueta HTML: lang="es"</td>              <td>El lenguaje del documento se marca de las 2 maneras (HTML y XHTML)&nbsp;por retrocompatibilidad:<br />              html lang="es" xml:lang="es"</td>          </tr>          <tr>              <td>Se permite que el documento no est&eacute; bien formado.</td>              <td>El documento ha de ser XML v&aacute;lido;&nbsp;por lo que todas las etiquetas deben estar bien cerradas.</td>          </tr>          <tr>              <td>Existen atributos desaconsejados HTML (Ej: font)</td>              <td>Se han eliminado todos los atributos desaconsejados.</td>          </tr>      </tbody>  </table>  <p>Viendo esto parece que el <strong>HTML&nbsp;</strong>es la cosa m&aacute;s sucia que vi&oacute; la <em>web</em>. Bien, esto no tiene porqu&eacute; ser as&iacute;. Si nos dejamos guiar por los validadores HTML del w3c, podemos obtener un documento web igual de v&aacute;lido que el an&aacute;logo en XHTML. Los requisitos del proyecto o tu propio gusto deber&aacute; guiarte en si escoger una versi&oacute;n u otra.</p>  <p>Recordad que, dependiendo del doctype que escojais, deber&eacute;is ajustar otros peque&ntilde;os detalles como por ejemplo, no incluir texto directamente sin un "contenedor":<br />  Ej: Hola Mundo directamente en el BODY ser&iacute;a incorrecto. Deber&iacute;a estar dentro de, al menos un p&aacute;rrafo (p).</p>  <p>En <strong>estilorama*</strong>&nbsp;actualmente utilizamos XHTML por norma general;&nbsp;pero hemos desarrollado en HTML y si es un requisito; no tenemos problema en implementarlo.</p>  <p>Hasta otra!!</p>]]></content:encoded>
</item><item>
<title>La resolución 1080p llegará a Youtube, antes de lo que piensas</title>
<link>http://www.estilorama.com/seccion/5/id,12/la-resolucion-1080p-llegara-a-youtube-antes-de-lo-que-piensas</link>
<comments>http://www.estilorama.com/seccion/5/id,12/la-resolucion-1080p-llegara-a-youtube-antes-de-lo-que-piensas#comments</comments>
<pubDate>Fri, 13 Nov 2009 13:05:00 +0100</pubDate>
<category>Internet</category>
<guid>http://www.estilorama.com/seccion/5/id,12/la-resolucion-1080p-llegara-a-youtube-antes-de-lo-que-piensas#comments</guid>
<description><![CDATA[Ya es oficial, y as&iacute; nos lo comunica Youtube desde su blog oficial: a partir de la semana que viene se ver&aacute; una opci&oacute;n nueva de reproducci&oacute;n a 1080p (Full HD) en los videos cuyo archivo fuente lo permita. Esto significa que habr&aacute; videos que no se podr&aacute;n reproducir a 1080p, como ya ocurre ahora mismo en ciertos videos al activar la opci&oacute;n HD. De todas maneras es una gran noticia y un buen ejemplo del dinamismo que ofrecen a la hora de mejorar la ex...]]></description>
<content:encoded><![CDATA[<p>Ya es oficial, y <a target="_blank" href="http://youtube-global.blogspot.com/2009/11/1080p-hd-comes-to-youtube.html">as&iacute; nos lo comunica Youtube desde su blog oficial</a>: a partir de la semana que viene se ver&aacute; una opci&oacute;n nueva de reproducci&oacute;n a 1080p (Full HD) en los videos cuyo archivo fuente lo permita. Esto significa que habr&aacute; videos que no se podr&aacute;n reproducir a 1080p, como ya ocurre ahora mismo en ciertos videos al activar la opci&oacute;n HD. De todas maneras es una gran noticia y un buen ejemplo del dinamismo que ofrecen a la hora de mejorar la experiencia del cliente; ubicando a Youtube a la cabeza en la carrera por ofrecer videos de alta calidad.</p>  <p>Saludos</p>  <p><strong>Actualizaci&oacute;n</strong>: <em>Hoy 19 de Noviembre he accedido a Youtube, y como promet&iacute;an, ya tienen v&iacute;deos que se pueden visualizar a 1080p. Esperemos que vaya creciendo el n&uacute;mero de videos que lo permitan. En cualquier caso, el video a 1080p parece cargar fluido con la conexi&oacute;n que tenemos aqu&iacute;, que no es la m&aacute;xima del mercado.</em></p>  <p>A ver c&oacute;mo resulta todo pero la verdad que tiene muy buena pinta.</p>]]></content:encoded>
</item><item>
<title>Marcar el idioma en un documento</title>
<link>http://www.estilorama.com/seccion/5/id,11/marcar-el-idioma-en-un-documento</link>
<comments>http://www.estilorama.com/seccion/5/id,11/marcar-el-idioma-en-un-documento#comments</comments>
<pubDate>Mon, 09 Nov 2009 12:38:00 +0100</pubDate>
<category>XHTML</category>
<guid>http://www.estilorama.com/seccion/5/id,11/marcar-el-idioma-en-un-documento#comments</guid>
<description><![CDATA[Hoy voy a pararme a explicar una cosa bien sencillita; pero no por ello menos importante: marcar el idioma en el que est&aacute; documento.  Idioma del documento y del texto  1&ordm; Marcamos el idioma en la etiqueta html, mediante el atributo "lang". Por ejemplo lang="es", indica que el documento es en espa&ntilde;ol y &eacute;ste ser&iacute;a su idioma base. Antes de dar un valor al atributo lang, &eacute;ste tendr&aacute; el valor "desconocido". (HTML Y&nbsp;XHTML)  2&ordm; Si el documento es...]]></description>
<content:encoded><![CDATA[<p>Hoy voy a pararme a explicar una cosa bien sencillita; pero no por ello menos importante: <strong>marcar el idioma en el que est&aacute; documento</strong>.</p>  <h3>Idioma del documento y del texto</h3>  <p>1&ordm; Marcamos el idioma en la etiqueta html, mediante el atributo "<strong>lang</strong>". Por ejemplo lang="es", indica que el documento es en espa&ntilde;ol y &eacute;ste ser&iacute;a su idioma base. Antes de dar un valor al atributo lang, &eacute;ste tendr&aacute; el valor "desconocido". (HTML Y&nbsp;XHTML)<br />  2&ordm; Si el documento es XHTML, adem&aacute;s de lang, hemos de a&ntilde;adir tambi&eacute;n el atributo de lenguaje compatible con XML(<strong>xml:lang</strong>): xml:lang="es". (S&oacute;lo XHTML)<br />  3&ordm; Si a lo largo del documento se produce un cambio de idioma, por cualquier motivo (un p&aacute;rrafo, una cita, un acr&oacute;nimo, etc), hemos de indicarlo mediante el atributo "lang", para que sea detectado por los agentes de usuario. Se puede poner el atributo lang a las etiquetas P, TABLE, DIV, SPAN, ABBR, ACRONYM, etc all&aacute; donde haya un cambio de idioma, respecto al idioma "base" del documento. (HTML y XHTML).</p>  <p>De esta manera vamos marcando el idioma para todos los documentos de nuestro proyecto. Cuando preparemos un proyecto multi-idioma, tenemos que fijarnos al cambiar de idioma de cambiar tambi&eacute;n todas los atributos "lang", y adaptarlos al nuevo idioma que presenta el documento.</p>  <h3>Direcci&oacute;n del texto</h3>  <p>4&ordm; Si, por requisitos del lenguaje, hemos de modificar la direcci&oacute;n del texto (por ejemplo, el &aacute;rabe se lee de derecha a izquierda); podemos utilizar el atributo "<strong>dir</strong>". El cual puede tener los valores:&nbsp;"ltr", de izquierda a derecha (por defecto) y "rtl", de derecha a izquierda.</p>  <p>Creo que no me dejo nada en el tintero. Si ten&eacute;is alguna duda, sugerencia o correcci&oacute;n que hacer... </p>  <p>Saludos!!</p>]]></content:encoded>
</item><item>
<title>No es oro todo lo que valida</title>
<link>http://www.estilorama.com/seccion/5/id,10/no-es-oro-todo-lo-que-valida</link>
<comments>http://www.estilorama.com/seccion/5/id,10/no-es-oro-todo-lo-que-valida#comments</comments>
<pubDate>Tue, 27 Oct 2009 17:35:00 +0100</pubDate>
<category>CSS</category>
<guid>http://www.estilorama.com/seccion/5/id,10/no-es-oro-todo-lo-que-valida#comments</guid>
<description><![CDATA[O quiz&aacute;s ser&iacute;a mejor decir No es morralla todo lo que no valida. Y me refiero a CSS; no a (x)HTML. Me explico: las hojas de estilo CSS&nbsp;est&aacute;n en cont&iacute;nua evoluci&oacute;n. Surgen nuevas propiedades en base al medio y c&oacute;mo se utiliza, los nuevos patrones de dise&ntilde;o, etc... a la vez que salen nuevas versiones de nuestros navegadores favoritos.  Como siempre, existen navegadores m&aacute;s preparados para el futuro, con soporte para nuevas versiones de C...]]></description>
<content:encoded><![CDATA[<p>O quiz&aacute;s ser&iacute;a mejor decir <strong>No es morralla todo lo que no valida</strong>. Y me refiero a CSS; no a (x)HTML. Me explico: las hojas de estilo CSS&nbsp;est&aacute;n en cont&iacute;nua evoluci&oacute;n. Surgen nuevas propiedades en base al medio y c&oacute;mo se utiliza, los nuevos patrones de dise&ntilde;o, etc... a la vez que salen nuevas versiones de nuestros navegadores favoritos.</p>  <p>Como siempre, existen navegadores m&aacute;s preparados para el futuro, con soporte para nuevas versiones de CSS. Concretamente CSS3 est&aacute; a puntito pero a&uacute;n no es soportado por todos los navegadores y adem&aacute;s, no siempre al 100%.</p>  <h3>&iquest;Esto quiere decir que puedo o que no puedo utilizar estas propiedades?</h3>  <p>Bien. Esto queda a puro criterio del desarrollador. Personalmente, creo que deber&iacute;an de poder usarse y que el validador w3c no deber&iacute;a de protestar por utilizar propiedades CSS3. Pero esto no es as&iacute; y utilizando nuevas propiedades conseguir&aacute;s un error de validaci&oacute;n CSS en cada elemento que tenga una de ellas.</p>  <p><strong>Ventajas de utilizar nuevas propiedades</strong></p>  <p>- Puedes aportar novedosos efectos a tus sitios web, mediante m&aacute;s CSS.<br />  - Aprendes bastante al moverte por nuevas especificaciones y m&aacute;s a&uacute;n, si investigas el porqu&eacute; de las nuevas propiedades.<br />  - De la misma manera, vais practicando con nuevas propiedades y sus efectos, para cuando la versi&oacute;n 3 est&eacute; operativa 100%.</p>  <p><strong>Desventajas de utlizar nuevas propiedades</strong></p>  <p>- El documento, a dia de hoy, presentar&aacute; un error de validaci&oacute;n por cada elemento que tenga una de ellas.<br />  - No todos los navegadores representar&aacute;n dicha propiedad.<br />  - Cualquiera puede validar y opinar sobre la pureza de tus estilos, de manera contraria a tu posici&oacute;n. (No es una desventaja muy clara).<br />  </p>  <p>Si ten&eacute;is alguna sugerencia... adelante!!</p>  <p>Saludos</p>  <p></p>]]></content:encoded>
</item><item>
<title>Un documento, varios sabores: el DOCTYPE</title>
<link>http://www.estilorama.com/seccion/5/id,9/un-documento-varios-sabores-el-doctype</link>
<comments>http://www.estilorama.com/seccion/5/id,9/un-documento-varios-sabores-el-doctype#comments</comments>
<pubDate>Tue, 20 Oct 2009 11:00:00 +0200</pubDate>
<category>XHTML</category>
<guid>http://www.estilorama.com/seccion/5/id,9/un-documento-varios-sabores-el-doctype#comments</guid>
<description><![CDATA[A la hora de crear un nuevo documento, ya sea html o xhtml; debemos especificar, antes de cualquier otra cosa, el doctype del mismo. El doctype define el tipo de documento que va a ser y disponemos de varios "sabores"&nbsp;del mismo:        Transicional (Transitional): es el m&aacute;s extendido. Presenta un paso intermedio entre la manera "antigua" de hacer documentos (x)html (etiquetas desaconsejadas como font a&uacute;n son toleradas por este doctype, entre otras) y la manera adecuada, utiliz...]]></description>
<content:encoded><![CDATA[<p>A la hora de crear un nuevo documento, ya sea html o xhtml; debemos especificar, antes de cualquier otra cosa, el <strong>doctype</strong> del mismo. El doctype define el tipo de documento que va a ser y disponemos de varios "sabores"&nbsp;del mismo:</p>  <ul>      <li><strong>Transicional </strong>(Transitional): es el m&aacute;s extendido. Presenta un paso intermedio entre la manera "antigua" de hacer documentos (x)html (etiquetas desaconsejadas como font a&uacute;n son toleradas por este doctype, entre otras) y la manera adecuada, utilizando s&oacute;lo los elementos aconsejados por el est&aacute;ndar w3c (Strict).</li>      <li><strong>Estricto </strong>(Strict): es la meta final de todo sitio web que utiliice est&aacute;ndares. Como su nombre indica, es considerablemente m&aacute;s estricto que el doctype transicional, a fin de generar un documento mas puro, estructuralmente hablando.</li>      <li><strong>Marcos </strong>(Frameset):&nbsp;los marcos est&aacute;n desaconsejad&iacute;simos y nunca deber&iacute;as de utilizarlos. En cualquier caso, si los usas, &eacute;ste es tu doctype.</li>  </ul>  <p>Sea de un tipo u otro, <strong>el doctype es obligatorio en todos los documentos (x)html </strong>y ha de ser la primera declaraci&oacute;n de todas. Sin doctype, al pasarle el validador de documentos (x)html, &eacute;ste coger&aacute; un doctype por defecto pero ser&aacute; tomado como un error de validaci&oacute;n. Y no s&oacute;lo tenemos ese problema, ya que un documento sin doctype se va a representar diferente en los diversos navegadores y seguramente en la mayor&iacute;a no funcionen como deber&iacute;an vuestras t&eacute;cnicas CSS. </p>  <p>Si ten&eacute;is alg&uacute;n apunte que hacer, como siempre, ten&eacute;is abiertos los comentarios.</p>  <p>Saludos!!</p>  <p></p>]]></content:encoded>
</item><item>
<title>La necesidad de un captcha en los formularios</title>
<link>http://www.estilorama.com/seccion/5/id,8/la-necesidad-de-un-captcha-en-los-formularios</link>
<comments>http://www.estilorama.com/seccion/5/id,8/la-necesidad-de-un-captcha-en-los-formularios#comments</comments>
<pubDate>Fri, 16 Oct 2009 06:46:00 +0200</pubDate>
<category>General</category>
<guid>http://www.estilorama.com/seccion/5/id,8/la-necesidad-de-un-captcha-en-los-formularios#comments</guid>
<description><![CDATA[Buenos d&iacute;as/tardes/noches. Ya s&eacute; que los captcha no tienen relaci&oacute;n directa con los est&aacute;ndares w3c: xhtml y css; pero me veo obligado a hacer menci&oacute;n al respecto debido a la necesidad que nos ha surgido, despu&eacute;s de incrementar nuestro n&uacute;mero de visitas: proteger los formularios con captchas.  &iquest;Qu&eacute; es un captcha?  Un captcha es una medida de "seguridad" que ayuda a impedir que los formularios de una web, sean procesados y rellenados c...]]></description>
<content:encoded><![CDATA[<p>Buenos d&iacute;as/tardes/noches. Ya s&eacute; que los captcha no tienen relaci&oacute;n directa con los est&aacute;ndares w3c: xhtml y css; pero me veo obligado a hacer menci&oacute;n al respecto debido a la necesidad que nos ha surgido, despu&eacute;s de incrementar nuestro n&uacute;mero de visitas: proteger los formularios con captchas.</p>  <h3>&iquest;Qu&eacute; es un captcha?</h3>  <p>Un captcha es una medida de "seguridad" que ayuda a impedir que los formularios de una web, sean procesados y rellenados con SPAM; y posteriormente, enviados. El funcionamiento es sencillo y conocido por todos: se genera una imagen con una serie de caracteres aleatorios, los cuales hay que introducir en un campo del formulario, como m&eacute;todo de comprobaci&oacute;n de que la pantalla est&aacute; siendo le&iacute;da por una persona y no por un proceso autom&aacute;tico de un programa.</p>  <h3>&iquest;Es realmente necesario?</h3>  <p>Bajo mi punto de vista, quiz&aacute;s no sea necesario tenerlo en cuenta de base o a la publicaci&oacute;n inicial del sitio; pero lo que estoy seguro es que si no se implementa, con el tiempo y el incremento de visitas lo echar&aacute;s en falta y recibir&aacute;s mensajes de SPAM en tu correo (v&iacute;a el formulario de contacto de la web) o bien SPAM en forma de comentarios de un blog, etc. Como nos ha estado pasando en nuestro <a href="seccion/5/blog*">Blog*</a>.</p>  <h3>&iquest;Y no hay ninguna alternativa?</h3>  <p>La alternativa r&aacute;pida que se me ocurre es la<strong> protecci&oacute;n de los formularios, que recepcionan datos en tu sitio web, mediante una zona privada</strong>, accesible s&oacute;lo tras registro e identificaci&oacute;n del usuario. El proceso de registro ha de estar protegido, a su vez, mediante email de confirmaci&oacute;n a la cuenta del registro.</p>  <p>C&oacute;mo medida extra siempre puedes implementar, junto con la zona privada, el captcha de cada formulario; para tener un nivel m&aacute;s de "seguridad".</p>  <h3>Conclusiones</h3>  <p>El <strong>SPAM </strong>es uno de nuestros mayores enemigos. Con esta t&eacute;cnica conseguiremos minimizar el SPAM recibido mediante los formularios de nuestra propia web. Sin embargo, el  SPAM recibido directamente en nuestra cuenta de correo es otra historia ya...</p>  <p></p>  <p>Saludos!!!</p>]]></content:encoded>
</item><item>
<title>¿Por qué Firefox derrumbó a Internet Explorer?</title>
<link>http://www.estilorama.com/seccion/5/id,7/por-que-firefox-derrumbo-a-internet-explorer</link>
<comments>http://www.estilorama.com/seccion/5/id,7/por-que-firefox-derrumbo-a-internet-explorer#comments</comments>
<pubDate>Tue, 13 Oct 2009 11:30:00 +0200</pubDate>
<category>Navegadores web</category>
<guid>http://www.estilorama.com/seccion/5/id,7/por-que-firefox-derrumbo-a-internet-explorer#comments</guid>
<description><![CDATA[Hola lectores. Esta vez quiero invitaros a que particip&eacute;is y que comentemos entre todos qu&eacute; nos parece que puede haber sido la raz&oacute;n para que Mozilla Firefox (y otros navegadores, pero FF de manera absoluta) haya vencido en las estad&iacute;sticas de uso generales.  Hay que decir que en sitios web de los profesionales del sector el porcentaje de uso de Firefox, unido con otros navegadores, se incrementa notablemente.  Veo en las estad&iacute;sticas de w3schools que en Septie...]]></description>
<content:encoded><![CDATA[<p>Hola lectores. Esta vez quiero invitaros a que particip&eacute;is y que comentemos entre todos qu&eacute; nos parece que puede haber sido la raz&oacute;n para que Mozilla Firefox (y otros navegadores, pero FF de manera absoluta) haya vencido en las estad&iacute;sticas de uso generales.</p>  <p>Hay que decir que en sitios web de los profesionales del sector el porcentaje de uso de Firefox, unido con otros navegadores, se incrementa notablemente.</p>  <p>Veo en las <a target="_blank" href="http://www.w3schools.com/browsers/browsers_stats.asp">estad&iacute;sticas de w3schools</a> que en Septiembre de 2009, en general:</p>  <p><strong>Navegadores IE </strong> (6, 7 y 8) - 39,6%<br />  <strong>Resto de navegadores </strong> (ff, opera, chrome, safari...)  - 59,5%</p>  <p>Si tenemos en cuenta que el gran navegador enemigo del desarrollador, y de internet en general, es el ie6 vemos que la cosa ha mejorado susceptiblemente:</p>  <p><strong>IE6 </strong>- 12,1 %<br />  <strong>Resto de navegadores</strong> - 87%<br />  <br />  Ya s&eacute; que los porcentajes no suman 100%. Esto debe ser a causa de otros navegadores utilizados, no tenidos en cuenta en estas tablas.</p>  <p>Hecha esta peque&ntilde;a introducci&oacute;n os planteo la siguiente cuesti&oacute;n:</p>  <h3>&iquest;Que cre&eacute;is que ha motivado, desde el comienzo de FireFox, el que haya crecido su uso: dise&ntilde;o, funcionamiento, extensiones...?</h3>  <p></p>  <p>Esperamos vuestra opini&oacute;n!!.</p>  <p>Saludos.</p>  <p></p>  <p></p>]]></content:encoded>
</item><item>
<title>Las tablas son para datos tabulares</title>
<link>http://www.estilorama.com/seccion/5/id,6/las-tablas-son-para-datos-tabulares</link>
<comments>http://www.estilorama.com/seccion/5/id,6/las-tablas-son-para-datos-tabulares#comments</comments>
<pubDate>Tue, 06 Oct 2009 09:45:00 +0200</pubDate>
<category>XHTML</category>
<guid>http://www.estilorama.com/seccion/5/id,6/las-tablas-son-para-datos-tabulares#comments</guid>
<description><![CDATA[Hace unos d&iacute;as estuvimos buscando el post original "Por qu&eacute; es est&uacute;pido maquetar con tablas";&nbsp;escrito en ingl&eacute;s. Lo cierto es que ya pas&oacute; tanto tiempo desde que lo conocimos que ni recordamos el autor ni el sitio web original en el que fue publicado. Seguiremos buscando y actualizaremos este post en cuanto lo veamos.  En cualquier caso, dicho post ha dejado huella en internet ya que con una simple b&uacute;squeda encontramos multitud de referencias al tema...]]></description>
<content:encoded><![CDATA[<p>Hace unos d&iacute;as estuvimos buscando el post original "<em>Por qu&eacute; es est&uacute;pido maquetar con tablas</em>";&nbsp;escrito en ingl&eacute;s. Lo cierto es que ya pas&oacute; tanto tiempo desde que lo conocimos que ni recordamos el autor ni el sitio web original en el que fue publicado. Seguiremos buscando y actualizaremos este post en cuanto lo veamos.</p>  <p>En cualquier caso, dicho post ha dejado huella en internet ya que con una simple b&uacute;squeda encontramos multitud de referencias al tema. Y no siempre a favor del mismo: hemos visto discusi&oacute;n en la que <strong>alg&uacute;n individuo dudaba de la validez de las maquetaciones tableless</strong>.</p>  <p>&iquest;Alg&uacute;n tipo de teor&iacute;a superior habr&aacute;n encontrado? Parece que no. El hecho se daba simplemente porque dichos individuos hab&iacute;an aprendido a montar sitios web en la &eacute;poca de los TR y spacers .gif y consideraban poco &uacute;til y laborioso el cambio a no utilizar tablas para maquetar. La m&aacute;xima que defend&iacute;a esta gente es que era mucho m&aacute;s dificil e impreciso maquetar sin tablas que que con ellas.</p>  <p>Una buena tonter&iacute;a. Cuando nosotros aprendimos tambi&eacute;n hab&iacute;an TR y spacers.gif pero de ninguna manera se hac&iacute;a m&aacute;s maniobrable el c&oacute;digo que el que utilizamos actualmente. Sino, m&aacute;s bien, todo lo contrario: era misi&oacute;n imposible controlable para mi gusto. De hecho, no se me hubiera pasado por la cabeza dedicarme a entornos web si todo hubiera seguido as&iacute;.</p>  <p>Menos mal que con los est&aacute;ndares topamos. Nos quitamos de encima todos los border=0, spacers, y l&iacute;neas y l&iacute;neas de TR y TD, de un plumazo. De manera razonada y poco discutible, tenemos los siguientes "preceptos" antitablas:</p>  <ul>      <li><strong>Las tablas son para datos tabulares</strong>: cada elemento (x)html tiene una finalidad. Una tabla tiene la misi&oacute;n de mostrar datos de forma tabular: un horario, una lista de precios, etc...</li>      <li><strong>Las maquetaciones sin tablas son m&aacute;s ligeras</strong>: generan documentos de menos tama&ntilde;o, lo cual el usuario al acceder y el servidor al responder las peticiones, agradecer&aacute;n.</li>      <li>Gracias a la hoja de estilos externa,<strong> los sitios tardan menos en cargar</strong>. Ya que una copia de ella se guarda en la cach&eacute; del navegador.</li>      <li>Podemos<strong> mantener una coherencia visual</strong> entre las diversas p&aacute;ginas del sitio sin grandes esfuerzos, gracias a la hoja de estilos CSS.</li>      <li>El <strong>redise&ntilde;o completo del sitio s&oacute;lo requiere tocar CSS</strong>.</li>      <li>Utilizar correctamente el XHTML <strong>ayuda a mejor nuestra posici&oacute;n en los buscadores</strong>.</li>      <li><strong>Utilizar CSS no es impreciso</strong>. Puedes maquetar al px de precisi&oacute;n, si es requerido.</li>  </ul>  <p>Viendo todas estas <strong>ventajas </strong>parece incre&iacute;ble que alguien pueda dudar sobre la invalidez de las maquetaciones hechas con tablas. Esa gente existe y aunque las maquetaciones sin tablas son cada vez m&aacute;s utilizadas, todav&iacute;a hay much&iacute;simos sitios en internet construidos sobre una tabla gigante, con estilos metidos con FONT BGCOLOR, etc...</p>  <p>Quiz&aacute;s algo de culpa del tema est&eacute; en los propios centros de educaci&oacute;n, que no renuevan los temarios de acuerdo con los sucesos que les rodean. Apuesto la cabeza que en el curso Desarrollo Web para desempleados, del INEM, ni siquiera nombran al w3c. &iquest;C&oacute;mo lo v&eacute;is?</p>]]></content:encoded>
</item><item>
<title>Bugs ie6: duplicate chars</title>
<link>http://www.estilorama.com/seccion/5/id,5/bugs-ie6-duplicate-chars</link>
<comments>http://www.estilorama.com/seccion/5/id,5/bugs-ie6-duplicate-chars#comments</comments>
<pubDate>Thu, 24 Sep 2009 19:32:00 +0200</pubDate>
<category>Navegadores web</category>
<guid>http://www.estilorama.com/seccion/5/id,5/bugs-ie6-duplicate-chars#comments</guid>
<description><![CDATA[Empezamos la serie de entradas dedicadas a los bugs que te puedes encontrar al maquetar con ie6, con uno de los bugs m&aacute;s conocido y desconocido al mismo tiempo: duplicate chars.  Descripci&oacute;n del bug  Digo conocido porque seguramente os lo hay&aacute;is encontrado en m&aacute;s de una ocasi&oacute;n, en alg&uacute;n proyecto o navegando por internet. Y&nbsp;desconocido debido a la naturaleza del bug, que la primera vez que lo ves se hace dif&iacute;cil intentar razonar qu&eacute; pu...]]></description>
<content:encoded><![CDATA[<p>Empezamos la serie de entradas dedicadas a los bugs que te puedes encontrar al maquetar con ie6, con uno de los bugs m&aacute;s conocido y desconocido al mismo tiempo: <strong>duplicate chars</strong>.</p>  <h3>Descripci&oacute;n del bug</h3>  <p>Digo conocido porque seguramente os lo hay&aacute;is encontrado en m&aacute;s de una ocasi&oacute;n, en alg&uacute;n proyecto o navegando por internet. Y&nbsp;desconocido debido a la naturaleza del bug, que la primera vez que lo ves se hace dif&iacute;cil intentar razonar qu&eacute; puede hacer aparecer esos caracteres de m&aacute;s, en zonas donde no deber&iacute;a haber texto. Mi primera reacci&oacute;n al ver dicho efecto fue buscar en Google 'caracteres fantasma' y efectivamente, encontr&eacute; referencias a <strong>duplicate chars</strong>.</p>  <p>Vamos a ver las<strong> maneras de solucionarlo</strong>, que son varias y apuesto la cabeza a que no son las &uacute;nicas, y finalmente s&oacute;lo la experiencia y pr&aacute;ctica solucion&aacute;ndolo indicar&aacute; cu&aacute;l es mejor. Pese a conocer la manera de solucionarlo, en parte sigue siendo un misterio y no entiendo qu&eacute; puede producir tal locura en nuestro "amigo" ie6.</p>  <h3>&iquest;Cu&aacute;ndo suele aparecer?</h3>  <p>Por mi experiencia personal, enumero las razones que he comprobado:</p>  <ol>      <li>Ocurre al maquetar utilizando float. Nuestra manera favorita :(</li>      <li>Suele darse con elementos flotantes adyacentes en el c&oacute;digo, por lo que al maquetar con float, nos puede afectar.</li>      <li>Puede darse por espacios en el c&oacute;digo xHTML.</li>      <li>Puede darse por comentarios en xHTML. !&Eacute;stos, adem&aacute;s, pueden producir otros fallos en el renderizado de tu p&aacute;gina en ie6! No los recomiendo.</li>      <li>Y como &uacute;ltima posibilidad, atenci&oacute;n a la propiedad CSS padding, que en combinaci&oacute;n con otras propiedades CSS (o no), del elemento afectado (del que se duplican los caracteres), su contenedor, y los elementos flotantes adyacentes.</li>  </ol>  <h3>&iquest;C&oacute;mo controlar esto?</h3>  <p>Particularmente, hago lo siguiente:</p>  <ol>      <li>Aislar el c&oacute;digo CSS&nbsp;de los elementos implicados en el bug: elemento afectado, elementos adyacentes y el elemento contenedor. Sabemos que aislamos el c&oacute;digo afectado si al comentar todo ese c&oacute;digo y comprobar en el ie6 la maquetaci&oacute;n, no presenta el <strong>duplicate chars</strong>.</li>      <li>Comprobar que no hay ning&uacute;n comentario en el xHTML en toda su extensi&oacute;n y que no haya espacios, al menos en los alrededores de las capas afectadas; aunque puedes dejar el tema de los espacios y saltos de l&iacute;nea para m&aacute;s adelante, si est&aacute;s seguro y comprobaste  que el bug lo hace saltar la CSS&nbsp;y no el xHTML.</li>      <li>Intentar quitar alg&uacute;n float de los elementos afectados, comprobando que no estropee la maquetaci&oacute;n.</li>      <li>En este momento, comentar&iacute;a la mitad del c&oacute;digo CSS&nbsp;afectado y comprobar&iacute;a si el bug se sigue produciendo, desde el ie6. Si se produce, sabemos que el "culpable" de saltar el bug est&aacute; en la otra mitad de c&oacute;digo. De esta manera puedes ir cerrando el cerco alrededor del c&oacute;digo CSS&nbsp;afectado, comentando partes mas grandes, hasta llegar a una o varias propiedades CSS que son las "causantes" del bug.</li>      <li>Si en este punto no has solucionado el problema, puedes usar la metodolog&iacute;a de comentar el c&oacute;digo CSS para buscar las propiedades cr&iacute;ticas por todo el fichero CSS.</li>      <li>Si a&uacute;n no se ha solucionado y ni siquiera te has acercado a la soluci&oacute;n, quiz&aacute;s debas estudiar de una manera m&aacute;s profunda el bug:<br />      <a target="_blank" href="http://www.positioniseverything.net/explorer/dup-characters.html"> Positioniseverything</a> tiene una buena explicaci&oacute;n y diferentes formas de solucionarlo a las que yo he expuesto, creo recordar.</li>  </ol>  <h3>Despedida</h3>  <p>El mundo de los bugs de ie6 es incre&iacute;blemente extenso, con errores para todos los gustos; aunque espero, por el bien de todos, que tengan los d&iacute;as contados. Ya existen iniciativas para animar a la gente a que se actualice a navegadores actuales. En fin. El tiempo dir&aacute;.</p>  <p></p>]]></content:encoded>
</item><item>
<title>El buen uso de los encabezados Hx</title>
<link>http://www.estilorama.com/seccion/5/id,1/el-buen-uso-de-los-encabezados-hx</link>
<comments>http://www.estilorama.com/seccion/5/id,1/el-buen-uso-de-los-encabezados-hx#comments</comments>
<pubDate>Mon, 21 Sep 2009 19:00:00 +0200</pubDate>
<category>XHTML</category>
<guid>http://www.estilorama.com/seccion/5/id,1/el-buen-uso-de-los-encabezados-hx#comments</guid>
<description><![CDATA[Para el correcto marcado XHTML &oacute; HTML se debe tener en cuenta, entre otras muchas cosas, la utilizaci&oacute;n correcta de los elementos de encabezado. &Eacute;stos definen bloques de informaci&oacute;n y estructuran la p&aacute;gina r&aacute;pidamente (como lo har&iacute;an los encabezados en un libro normal), lo cual indica la importancia de usarlos correctamente.  Tenemos hasta 6 marcas: h1, h2, h3, h4, h5 y h6. El h1 indica encabezado de primer nivel y as&iacute; sucesivamente.  Es mu...]]></description>
<content:encoded><![CDATA[<p>Para el correcto marcado XHTML &oacute; HTML se debe tener en cuenta, entre otras muchas cosas, la utilizaci&oacute;n correcta de los elementos de encabezado. &Eacute;stos definen bloques de informaci&oacute;n y estructuran la p&aacute;gina r&aacute;pidamente (como lo har&iacute;an los encabezados en un libro normal), lo cual indica la importancia de usarlos correctamente.</p>  <p>Tenemos hasta 6 marcas: h1, h2, h3, h4, h5 y h6. El h1 indica encabezado de primer nivel y as&iacute; sucesivamente.</p>  <p>Es muy sencillo utilzarlos de manera adecuada:</p>  <p><strong>Debes utilizar hx para marcar los encabezados sem&aacute;nticamente y, as&iacute;, que estructuren el documento que est&aacute;s creando.</strong><br />  Esta regla se puede aplicar a todos los elementos xhtml (v&aacute;lidos para el DOCTYPE que hayas escogido). Existen para que se usen y cada uno de ellos sirve para marcar una cosa concreta, por lo que est&aacute; bien tenerlo en cuenta siempre. Hay que tener en cuenta tambi&eacute;n el cerrar bien los elementos y dem&aacute;s matices b&aacute;sicos de maquetaci&oacute;n con HTML o XHTML, en los que, ahora mismo no voy a entrar. Aunque no descarto hacerlo pr&oacute;ximamente.</p>  <p><strong>Respeta la jerarqu&iacute;a de los encabezados. </strong><br />  Empieza con h1 para el primer encabezado, y continua con los siguientes: h2, h3, ..., h6 seg&uacute;n requiera la estructura de tu documento.<br />  Ten en cuenta que no puedes saltar la jerarqu&iacute;a al insertar encabezados. Tienes que seguir el orden h1, h2, h3, etc. <br />  Por ejemplo: h1, h2, h3..  ser&iacute;a correcto. h1, h3.... est&aacute; mal.</p>  <p>Sin embargo, los encabezados de un tipo concreto ya incluidos s&iacute; pueden repetirse, como por ejemplo: h1, h2, h1.</p>  <p><strong>&iexcl;Optimiza tus encabezados!</strong><br />  Existen extensiones para los diversos navegadores que te ayudan a comprobar y probar qu&eacute; tal llevas los encabezados en tu documento.Yo conozco el de Mozilla Firefox y es el que os puedo recomendar, ya que tiene much&iacute;simas funcionalidades m&aacute;s para el desarrollo web. Web Developer (Firefox).</p>  <p><strong>Para comprobar la correcta  estructura de los encabezados de tu documento puedes hacerlo comprobando si al leer s&oacute;lo los encabezados (ocultando el resto de textos e im&aacute;genes) se mantiene, en general, el sentido del contenido y de la jerarqu&iacute;a que representan</strong>.</p>]]></content:encoded>
</item><item>
<title>Los estándares w3c</title>
<link>http://www.estilorama.com/seccion/5/id,3/los-estandares-w3c</link>
<comments>http://www.estilorama.com/seccion/5/id,3/los-estandares-w3c#comments</comments>
<pubDate>Thu, 17 Sep 2009 17:32:00 +0200</pubDate>
<category>General</category>
<guid>http://www.estilorama.com/seccion/5/id,3/los-estandares-w3c#comments</guid>
<description><![CDATA[A estas alturas, nadie deber&iacute;a tener dudas ya sobre si es mejor utilizar los est&aacute;ndares w3c para crear documentos para internet o no hacerlo. Sali&eacute;ndonos de internet, creo que no cabe duda sobre la utilidad que los est&aacute;ndares han aportado (desde que surgi&oacute; cada uno de ellos) en otros sectores o actividades y tambi&eacute;n queda demostrado el caos que se puede llegar a formar si cada uno crea o utiliza su "propio est&aacute;ndar".  Comencemos por el principio: ...]]></description>
<content:encoded><![CDATA[<p>A estas alturas, <strong>nadie deber&iacute;a tener dudas</strong> ya sobre si es mejor utilizar los est&aacute;ndares w3c para crear documentos para internet o no hacerlo. Sali&eacute;ndonos de internet, creo que no cabe duda sobre <strong>la utilidad que los est&aacute;ndares han aportado </strong>(desde que surgi&oacute; cada uno de ellos) en otros sectores o actividades y tambi&eacute;n queda demostrado el caos que se puede llegar a formar si cada uno crea o utiliza su "propio est&aacute;ndar".</p>  <p>Comencemos por el principio:</p>  <h3>&iquest;Qu&eacute; es el w3c?</h3>  <p>Por dar una definici&oacute;n propia, sin tirar de wikipedia, puedo decir que el <strong>w3c </strong>es un organismo mundial, formado por diversos miembros (asociados, desarrolladores, instituciones, empresas de tecnolog&iacute;a, etc); los cuales se dedican a poner un poco de orden en diversas tecnolog&iacute;as (<strong>XHTML</strong>, <strong>CSS</strong>, <strong>XML</strong>, <strong>javascript</strong>, etc) y unificar en una sola, todas las formas de utilizar una tecnolog&iacute;a concreta. La meta es interoperabilidad correcta entre diversas plataformas, correcto acceso al contenido, separaci&oacute;n de presentaci&oacute;n y contenido, accesibilidad web, etc; entre otras cosas.</p>  <p>El w3c tiene muchas oficinas repartidas por todo el mundo y las discusiones sobre las diversas tecnolog&iacute;as no cesa jam&aacute;s, por lo que <strong>hay que estar bastante al d&iacute;a sobre las &uacute;ltimas novedades de las tecnolog&iacute;as en las que est&eacute;s implicado</strong>.</p>  <h3>Los est&aacute;ndares en p&aacute;ginas web: (X)HTML y CSS</h3>  <p>Uno de los temas fundamentales que tratan es sobre la mejor forma de crear p&aacute;ginas web y que est&eacute; unificada. La manera correcta de llevarla a cabo es <strong>olvidarse de editores WYSIWYG</strong>, coger la <strong>referencia de (X)HTML y CSS </strong>y comenzar a <strong>maquetar el documento en nuestro editor de textos favorito</strong>, en base a las recomendaciones del w3c.</p>  <p><strong>(X)HTML</strong><br />  Tanto XHTML como HTML, son lenguajes de marcado de hipertexto. Gracias a &eacute;stos lenguajes podemos marcar los diversos contenidos de nuestro documento; y darles significado m&aacute;s all&aacute; del texto que contienen. Por ejemplo, la etiqueta <strong>strong</strong>, indica que el texto que contiene ha de ser marcado como m&aacute;s importante. En el caso de navegadores normales como firefox o ie, lo mostrar&aacute;n en negrita; mientras que los navegadores de voz (para personas invidentes), leer&aacute;n con m&aacute;s fuerza esas palabras.</p>  <p>Es importante <strong>utilizar el marcado correctamente</strong> y con cabeza: utilizar encabezados, p&aacute;rrafos y listas cuando sea necesario y las tablas &uacute;nicamente para mostrar datos tabulares. Cada elemento (X)HTML existe para dar una funcionalidad que el resto de etiquetas no puede dar. <strong>Usemos cada elemento para lo que fue concebido</strong>.</p>  <p><em>El XHTML/HTML no sirve para colorear los textos o los fondos de p&aacute;gina: para todos los temas de estilos tenemos las hojas de estilo.</em></p>  <p><strong>Hojas de estilo (CSS)</strong><br />  Una vez hayamos moldeado nuestro documento con XHTML, ya tenemos el contenido y podemos acceder desde cualquier navegador. Sin embargo, el aspecto que presentar&aacute; ser&aacute; el m&aacute;s feo posible: los estilos por defecto, fondo blanco, texto negro y poco m&aacute;s. Pero eso tiene soluci&oacute;n.</p>  <p>Todos esos estilos podemos modificarlos a nuestro gusto, y con gran precisi&oacute;n, gracias a las hojas de estilo. <strong>Una hoja de estilos es un documento escrito en un lenguaje de estilos determinado</strong> (CSS para (X)HTML, XSLT para XML, etc),&nbsp; <strong>que permite modificar el aspecto y ajustarlo a un determinado dise&ntilde;o</strong> que nos hayan pasado nuestros compa&ntilde;eros creativos.<br />  Utilizar XHTML y CSS, bien utilizados, &nbsp;garantiza la <strong>separaci&oacute;n entre presentaci&oacute;n (CSS) y contenido (XHTML)</strong> y unifica el aspecto que tendr&aacute;n todos los documentos XHTML que lleven vinculada una hoja de estilos concreta.</p>  <h3><strong>Conclusiones</strong></h3>  <p>Pese a que todo es tan obviamente &uacute;til,<strong> a&uacute;n queda mucho camino por recorrer </strong>para que los est&aacute;ndares del w3c formen todos y cada uno de los documentos que conforman internet. Quiz&aacute;s, hasta sea una tarea imposible. En cualquier caso, en estilorama, apostamos por los est&aacute;ndares w3c: nacimos ya utiliz&aacute;ndolos y asi seguir&aacute; hasta que se encuentre y demuestre otra metologia mejor.</p>    <p>Saludos</p>]]></content:encoded>
</item><item>
<title>Blog*: Comenzando</title>
<link>http://www.estilorama.com/seccion/5/id,4/blog*-comenzando</link>
<comments>http://www.estilorama.com/seccion/5/id,4/blog*-comenzando#comments</comments>
<pubDate>Wed, 16 Sep 2009 12:40:00 +0200</pubDate>
<category>General</category>
<guid>http://www.estilorama.com/seccion/5/id,4/blog*-comenzando#comments</guid>
<description><![CDATA[Dada la aceptaci&oacute;n generalizada de este nuevo medio de comunicaci&oacute;n que son los blogs, hemos a&ntilde;adido el nuestro: el blog de estilorama (Blog*), en el cual iremos publicando entradas relativas a las nuevas tecnolog&iacute;as y el desarrollo web. Dando especial importancia a los est&aacute;ndares del w3c y/o a la forma &oacute;ptima de maquetar.  Os damos la bienvenida y os animamos a que particip&eacute;is: expong&aacute;is vuestra opini&oacute;n, pregunt&eacute;is dudas, des...]]></description>
<content:encoded><![CDATA[<p>Dada la aceptaci&oacute;n generalizada de este nuevo medio de comunicaci&oacute;n que son los blogs, hemos a&ntilde;adido el nuestro: el blog de estilorama (Blog*), en el cual iremos publicando entradas relativas a las nuevas tecnolog&iacute;as y el desarrollo web. Dando especial importancia a los est&aacute;ndares del w3c y/o a la forma &oacute;ptima de maquetar.</p>  <p>Os damos la bienvenida y os animamos a que particip&eacute;is: expong&aacute;is vuestra opini&oacute;n, pregunt&eacute;is dudas, desarrollemos m&aacute;s los temas tratados con vuestros comentarios, etc... Es una buena manera de recopilar informaci&oacute;n sobre los est&aacute;ndares y que est&eacute; accesible para el p&uacute;blico.</p>  <p>Por ahora nada m&aacute;s.</p>  <h3>Os invitamos a que nos visit&eacute;is peri&oacute;dicamente y que particip&eacute;is activamente en nuestro Blog*:&nbsp;tu mensaje no quedar&aacute; sin respuesta ;)</h3>]]></content:encoded>
</item></channel></rss>