Muy buena herramienta para aquellos que porgramamos en PHP, que nos sirve para limpiar nuestro código. Según aseguran los autores de HTML purifier, con esa herramienta podemos estar seguros de tener un código limpio a salvo de vulnerabilidades XSS, válido, etc. Puedes descargarte HTML Purifier y usarlo en tu ordenador o utilizar la demo online. Tiene buena pinta.

Enlaces: | HTML Purifier | Demo
Vía: | Estándares y accesibilidad

Ya han sido especificados en HTML5 los tipos de enlaces. Cuando comience a usarse, podremos incluir dentro del atributo rel="" los siguientes atributos.

• alternate: alternativa a la hora de ver el contenido
• archives: enlace a una colección de articulos, documentos o otro tipo de material histórico
• author: enlaza al autor del documento
• bookmark: enlace que se relaciona con la sección anterior más cercana
• contact: enlace hacia una forma de contacto sobre el documento actual
• external: para indicar que es un enlace externo a nuestro sitio

• feed: enlace al feed RSS
• first: indica el primer documento de una serie de ellos
• help: enlace para obtener ayuda
• icon: importa un icono para representar el documento actual
• index: enlace que nos lleva a la tabla de contenidos o un listado de páginas de nuestro documento
• last: indica el último documento de una serie de ellos
• license: enlace para ver la licencia del contenido
• next: indica el siguiente document de una serie de ellos
• nofollow: enlace no referente. No es seguido por los buscadores
• noreferer: requiere que el agente de usuario no envíe una petición HTTP Referer si el usuario sigue el enlace.
• pingback: enlace de un pingback
• prefetch: indica que descargar y mantener en cache el enlace puede ser beneficioso ya que hay muchas posibilidades de que sea un recurso que el usuario vaya a necesitar
• prev: indica el documento anterior de una serie de ellos.

• search: enlace que permite realizar una busqueda
• stylesheet: para importar una hoja de estilos CSS
• sidebar: especifica que el documento enlace está previsto ser mostrado en el sidebar del navegador (si éste lo tiene)
• tag: indica que se trata de una palabra clave del documento

• up: indica el padre del documento actual

Realmente no sé si van a ser muy útiles éstos nuevos atributos, pero ahí están para aquellos amantes de lo descriptivo y lo meticuloso.
Fuente: | SigT

XHTML-CSS es un validador muy útil que nos permitirá al mismo tiempo conocer si una página es válida tanto en XHTML como en CSS, al mismo tiempo. Simplemente introducimos la url, y nos saldrán ambos informes, detallándonos los fallos y warnings. Sin duda muy útil para webmasters:

Enlace: | XHTML-CSS

A la hora de desarrollar una página web, siempre será mejor si hacemos las cosas bien y ordenadamente desde el principio. Si empezamos a meter código y más código a lo loco al final puede acabar siendo un caos. Por ello, es mejor tener a mano una referencia como éste mapa(pincha en él para verlo a tamaño completo), con el cual podemos apreciar la forma correcta de estructurar un documento HTML:

Vía: | del.icio.us

Vamos a hablar en ésta ocasión de una propiedad pensada para mejorar la accesibilidad en páginas web, enfocada a optimizar la navegación por medio del teclado. Para ello se utiliza la propiedad tabindex, que es aceptada por los siguientes elementos: <a>, <area>, <button>, <input>, <object>, <select> y por último <textarea>. De ésta manera al situarnos sobre uno de los elementos, cuando pulsemos tabulador, irá al siguiente elemento según la numeración dada en tabindex. Para usar ésta propiedad simplemente debemos declararla asignándole un número, y los saltos se realizarán siguiendo el orden de los números. Muy útil para aplicaciones web en las que el usuario haga manejo de muchos campos, y utilice tabulador para ir pasando de uno a otro. Aquí va un sencillo ejemplo:

Si quieres incluir en tu página web una sección de noticias de otras web, en vez de ir buscándolas puedes utilizar éste práctico lector de feeds que encontré en Cristalab, para poder recoger las noticias del feed de un determinado sitio. Está montado con HTML+CSS+Javascript+Ajax. El resultado es el siguiente:

Enlace: | Lector feed RSS con Ajax