• Compromiso con los estándares web: XHTML y CSS para la presentación.


• Document Object Model (DOM) para modificar dinámicamente los documentos.


• XML y XSLT para intercambiar y manipular datos, aunque no son fundamentales.


• El objeto XMLHttpRequest.


• Javascript como nexo de unión de todas estas tecnologías.

1. Valida las páginas. Es el paso fundamental que hay que remarcar tantas veces como sea necesario. No podremos dar pasos adelante si tenemos un código XHTML que no sea válido. A modo de ayuda, los errores más comunes que impiden que una página valide correctamente son:
   
   
   
   1. Ampersands (&) sin escapar (codificar). El modo correcto de hacerlo es así: &, en minúscula
   
   
   2. Elementos sin cerrar, como img, link o br
   
   
   
   3. Elementos de bloque (block) situados dentro de elementos en linea (inline)
   
   
   4. Cierre de tags donde no corresponde
   
   
   5. Falta de cierres de tags, quedando éstos abiertos
   
   
   6. Scripts sin su correspondiente atributo type
   
   
   
   7. Hojas de estilo dentro del body
   
   
   8. Existencia de atributos propietarios, como autocomplete
   
   
   9. Utilización de atributos con mayúsculas donde no se debe, como onSubmit en lugar de onsubmit
   
   
   10. Formularios sin el atributo action
   
   
   
   11. Varias etiquetas body dentro de la página
   
   
   12. Uso de atributos target en XHTML estricto
   
   
   
   


2. Elimina diseños basados en tablas e imágenes con espacios en blanco. No debería haber mucho más que decir sobre esto, ¿no?



3. Deshazte de los metas keywords. No merece la pena gastar tiempo ni espacio en esto. A los buscadores ya no les importa.


4. Mejora la nomenclatura de los valores del atributo class. Algunos ejemplos de buenas prácticas al respecto:
   
   
   
   1. Usar selectores de contexto
   
   
   2. Uso de minúsculas en los nombres de las clases e id’s
   
   
   
   3. Evitar nombres de clases con significado relacionado con la presentación, como azul, titverde, etc.
   
   
   
   


5. Suprime los espacios en blanco en el código. No ayudan en nada, son molestos y no tienen razón de ser.


6. Haz uso de rel y de hreflang cuando uses un idioma diferente. El uso de rel="alternate" implica que existe una alternativa a la página en otro idioma.



7. Reduce el código comentado. El código comentado debería ser eliminado al pasar por el servidor. Lo ideal es que en lugar de usar los comentarios de código de HTML, usemos los propios del lenguaje de servidor que se use: php, ruby, etc. Claro que eso es válido siempre que hagamos uso de sitios web dinámicos. En el caso de páginas estáticas no hay más remedio que usar los comentarios de HTML.


8. Usa hCard. Usar el microformato hCard para marcar nuestra información de contacto.

body { 

background: url(imagenes/layout_grid.gif) top left no-repeat;

} 

• Moo.fx


• Rico


• Swat


• ColorCombos


• script.aculo.us


• Mochikit


• Dynamic Drive CSS Library


• PEAR


• DHTML Goodies


• dojo