XHTML

Cómo todos los que en algún momento hemos querido convertir documentos Word a HTML, puedo decir que Microsoft Word produce uno de los códigos HTML más odiosos que pueden haber. Se imaginan recibir el email de un cliente adjuntando un archivo Word de más de 20 hojas con la instrucción "publícalo en el sitio".

Pues aunque Word no produzca un código HTML deseado, lo bueno es que ahora tenemos herramientas que pueden hacernos la vida un poco más fácil, librándonos de ese código obsoleto que Word produce.

Ya no hay que estar editando el código a mano, a continuación les dejo unas cuantas sugerencias, incluyendo la técnica “Haz-que-Gmail-lo-haga-por-ti”. :)

En un principio, todos estamos felices cuando nuestra web aparece por primera vez en el buscador. Pero pasa el tiempo, y uno se va percatando que el contenido que se muestra indexado al realizar una consulta es clave para atraer más tráfico, o hacer branding de nuestra web... ¿Saben ustedes que hay algunas formas de manejar este contenido? ...

Hace un tiempo el blog de Google Webmaster Central expuso los conceptos básicos para poder escribir una buena meta description. En su post, Google explica que la calidad de las descripciones -pequeños textos que se previsualizan en sus resultados de búsqueda- pueden tener un impacto directo en la atracción de mayor cantidad de tráfico.

Para personalizar estas descripciones en una página web, lo que debemos hacer es utilizar la equita <META> de la siguiente manera:

<META NAME="Description" CONTENT="Aquí colocamos la descripción">

Un ejemplo de buena descripción es la que realiza Google Video en inglés (esto lo dice el propio Google). Siguiendo su descripción, en español un buen ejemplo, sería la que realiza la wikipedia en su portada (ver imagen)...

No se me ocurre que utilidad práctica pueda sacarse a una herramienta como esta, pero no hay duda de que el sólo hecho de verla funcionando, de por sí, ya es atractiva e interesante.

Para probarla, simplemente debemos ingresar la url de cualquier imagen JPEG, PNG o GIF en su formulario; luego, haciendo uso de perl, se procede a la conversión de la imagen a HTML. El resultado es una agradable imagen html muy bien lograda, aunque hecha con puras tablas de 1px. Pruébenlo (en la parte baja de la web esta el script compartido).

Enlace | Image to HTML converter
Vía | Digg

HtmlPlayground es repositorio de referencias XHTML y CSS, elaborado por Zsolt Georgescu usando GWT.

Con HTMLPlayground podemos ver rápidamente una descripción y ejemplos de las etiquetas HTML y de las propiedades CSS, además de permitirnos modificar algunos ejemplos (introducir el código) para poder probarlos online.

No recuerdo haber visto otra página de referencias tan sencilla y útil como ésta. Así que la recomiendo.

Enlace | HtmlPlayground
Vía | Ajaxian

Desde un punto de vista práctico, los microformatos no son más que una forma de dar instrucciones, una forma manual de comunicarse entre Webs. Así, como cuando un editor etiqueta sus artículos y los lectores comprenden de que trata el contenido sólo con ver las etiquetas. Con los microformatos, lo que se hace es "etiquetar" las etiquetas XHTML, para que sean los servicios webs (google ó technorati por ejemplo) quienes puedan comprender fácilmente y actuar de acuerdo a lo que cada microformato le indica.

Dos populares microformatos, por ejemplo, son los atributos:

rel=”nofollow” para indicarle a los buscadores que no lo tomen en cuenta, y
rel=”tag” para indicar a technorati que almacene el artículo bajo tal etiqueta.

Esta es una explicación muy práctica y simple. En realidad, sobre los microformatos se esta hablando muchísimo y un muy buen artículo que acabo de leer, es el que acaban de publicar en Grancomo. En él, nos cuentan casi todo sobre los microformatos: ¿Cómo surgió la idea? ¿Quiénes la impulsaron en sus inicios? ¿Qué son los microformatos? ¿Cómo implementarlos? y más.

Yo me quedo convenientemente con esta rápida explicación de ¿Por qué el título Microformatos: La web semántica para torpes?

• Porque cualquier usuario con conocimientos mínimos de XHTML puede incorporarlos a su sitio Web y anunciarlo al mundo
• Porque un desarrollador con algo de carisma y de acuerdo con la Comunidad puede proponer su propio microformato
• Porque si fallan, no pasa nada, la información que gestionan no es crítica (de momento)
• Para darle un título “original” y polémico a este artículo.

Artículo recomendado | Microformatos: La web semántica para torpes