Como ya sabréis, Internet Explorer no se lleva demasiado bien con la etiqueta <q> La ignora completamente y, por tanto, perdemos las comillas de las citas. Siempre podemos incluir las comillas manualmente ¿no?
Pero, claro, las etiquetas aportan significado semántico, no deberíamos tener que prescindir de ninguna por caprichos de un navegador.
Como ya vimos con el caso de los png, existen unos archivos llamados behaviors (comportamientos) que nos permiten proveer de estas funcionalidades a Internet Explorer.
Para utilizarla, la descargamos de Will code 4 beer: fixQuotes_en.htc y lo llamamos con un poco de CSS que dará a Internet Explorer las instrucciones pertinentes.
Atento porque utilizará las reglas de entrecomillado inglesas, para utilizar otras edita el archivo htc, para saber como visita el artículo original: Fixing the Quote Tag in Internet Explorer
Seguro que todos hemos tenido alguna vez la necesidad de facilitar, mediante una página web, direcciones y teléfonos de contacto. Lo ideal sería poder ofrecer toda esa información de la forma más cómoda posible para nuestros usuarios, en formato vcard, para que puedan importarlo de forma sencilla en sus gestores de contactos.
Lo que, en principio, puede parecer una tarea complicada se simplifica mucho gracias a los microformatos, en concreto hcard y a Brian Suda, que ha creado un comodísimo script con el que podemos convertir nuestras hcard en vcards.
Pero, vamos por partes. lo primero que debemos hacer es crear nuestra hcard. Como sabéis, los microformatos no son más que una forma de añadir mayor valor semántico al XHTML mediante el uso de determinadas clases. Por tanto, podréis incorporarla a cualquier página sin problemas y darle estilo con toda la libertad del mundo. Para no alargarnos mucho, vamos a crear nuestra hcard con el hcard creator.
La mía queda más o menos así:
endlessgrief(en)gmail(punto)com
This hCard created with the hCard creator.
Y se ve así:
endlessgrief(en)gmail(punto)com
This hCard created with the hCard creator.
Bien, ahora que ya tenemos nuestra hcard sólo queda transformarla en una vcard y facilitarla a nuestros usuarios. Para ello sólo tendremos que incluir un enlace al script de Brian Suda con la url de la página en la que reside nuestra hcard.
Descarga mis datos de contacto como vCard
En Shape Shed, donde descubrí el script conversor, llevan más allá la parte estética de este método. Eso ya es cosa tuya, recuerda, no es más que XHTML así que tu imaginación es el límite.
Me encuentro en Windows Skills (que título más poco atractivo) con un par de videotutoriales sobre maquetación sin tablas creados por Douglas Bowman y me ha parecido interesante dejaroslos por aquí por si os apetece echarles un vistazo.
Eso si, están en perfecto inglés:
Este artículo es la traducción de Safe List Next With Left-Floated Elements escrito por Grand Schtroumpf:
El otro día le prometía a NeKronos hablar de los elementos en línea y en bloque en HTML. Empecé a escribir y, al buscar en Google alguna referencia, me encontre con la traducción de tres artículos de Tommy Olson sobre el tema, así que, ya que tanto los artículos como las traducciones son excelentes, prefiero dejaros aquí los enlaces para que lo leáis:
Seguro que más de una vez te ha recorrido un escalofrío la espalda al escuchar: “Simplemente tienes que hacerle unos retoques a mi sitio” o algo similar. En resumen, quieren que trabajemos con código de otra persona y eso, salvo honrosas excepciones, significa pelearse con algo que para quien lo escribió era tan obvio que no merecía la pena introducir comentarios y que se escribió hace siglos y se dejó ahí sin revisar.
En Modern Life is Rubbish han hecho una lista de las 5 prácticas más molestas al escribir XHTML:
5 incredibly outdated and annoying techniques in (X)HTML
Las cosas han cambiado mucho en los últimos años ¿has sabido adaptarte a los nuevos tiempos o sigues escribiendo código prehistorico?
La etiqueta <title>, bien utilizada, es una excelente herramienta que nos ayudará a dar a conocer nuestro sitio web a los demás y nos permitirá facilitar las cosas a nuestros usuarios.
El W3C nos recomienda que estos títulos no tengan más de 64 caracteres y que sean descriptivos del contenido del sitio.
En principio, como su propio nombre indica, la etiqueta <title>, nos permite definir un título para nuestras páginas.
Para generar documentos válidos deberás incluir siempre una etiqueta title en la cabecera de tus páginas
…
Este título será el encargado de dar nombre a tu sitio web en numerosas situaciones, en la ventana del navegador, en los listados de favoritos, en el historial de navegación, en los resultados de los buscadores…
Todos cometemos errores alguna vez y estos son algunos de los más comunes a la hora de crear un título:
En las páginas estáticas es muy sencillo editar los títulos pero, todos los que usamos algún CMS tendremos que apoyarnos en plugins y «hacks».
Seguro que hay muchos más para otros CMS, si conocéis alguno interesante dejadlo en los comentarios.
Como me señalaba Rodolfo Pilas en los comentarios de 9 razones para no usar frames pueden existir proyectos en los que el uso de frames pueda resultar adecuado. Si no tienes más remedio que usar frames, al menos que sean accesibles y usables.
Por ejemplo:
…
En el caso de los iframes deberás encerrar el contenido adicional entre las etiquetas <iframe> y éste sólo se mostrará a los usuarios cuyos navegadores no soporten frames.
Por ejemplo:
name y da información sobre su contenido o función con el atributo titlelongdesc de, al menos, uno de los marcos del framesetAdemás, como recompensa adicional, los buscadores podrán indexar tu sitio correctamente y mejorará tu posicionamiento.
Puede que al leer el título muchos de vosotros (espero que la mayoría) hayáis tenido el reflejo de mirar al calendario para comprobar que no estamos en 1999 (o alrededores). Para la mayoría de desarrolladores web es algo más que obvio: No debes usar frames.
No obstante, cada día hay muchas personas introduciéndose en el mundo del desarrollo web y, por desgracia, muchos de ellos acuden a los tan manidos tutoriales y manuales que llevan siglos rodando por la red, cayendo en esos errores que tantos años nos costó a los demás evitar. Sin ir más lejos, ayer mismo, en un foro (siento no recordar cual) vi una pregunta del tipo ¿Cómo creo una web con frames? y yo pensé ¿por qué iba nadie a querer crear una web con frames? ¿Quizá porque desconoce todos los inconvenientes que conllevan?
De ahí estas 9 razones por las que no debes utilizar frames:
Y, en caso de necesitarlos, crea frames más accesibles y usables
Si alguna vez has necesitado (o crees que te puede venir bien) una ayuda visual para identificar algunos elementos de una página web quizá deberías probar Tingelets.
Los Tingelets son pequeños bookmarlets que irán dándote pistas visuales sobre las etiquetas de un sitio.
Simplemente tienes que arrastrarlos a tu barra de vínculos, muy simple y siempre a mano.
Tingelets: http://www.tingelets.com/
Alojado en RedCoruna Hosting
¿Quieres hasta 6 meses de hosting gratis? Utiliza el cupón RCwebmasterlibre al contratar cualquier plan con RedCoruna - más información
Seguir @webmasterlibre
