EstadoBeta

Stuart de Muffin Research Labs tiene un excelente artículo que detalla uno a uno una serie de pasos y prácticas para diseñar con estándares web. Son todos consejos muy útiles y, aunque ya traté el tema en parte en este post, recomiendo leerlo.

Los consejos son, punto por punto (en el post hay mejores descripciones de cada uno):

El contenido primero

Una de las dificultades más grandes para los que se inician: estructura primero el contenido. Luego diseña para esa estructura. Esto prioriza el buen uso de HTML y mejora la accesibilidad.

Usa el (X)HTML adecuado

Averigua cual es la función de cada elemento HTML y aprovecha el lenguage al máximo para estructurar tu contenido semánticamente. Los motores de búsqueda y tus clientes te lo agradecerán.

Codifica todo a mano

Al comienzo más lento que usar herramientas de ayuda como Dreamweaver, escribir el código a mano en un editor de texto (personalmente recomiendo Notepad++ para el PC) es la mejor forma de aprender. En poco tiempo estarás familiarizado con cada pequeño componente de un sitio web bien hecho.

Construye tu sitio con la accesibilidad en mente

Usar estándares web en tus sitios ya los hace más accesibles, pero es necesario que construyas desde el comienzo pensando en usuarios y browsers con limitaciones (sin CSS / Javascript, resoluciones limitadas, lectores de pantalla y los mismo buscadores, por ejemplo).

Evita usar hacks

Aunque es tentador aplicarlos indiscriminádamente para anular diferencias entre browsers, comunmente estos problemas se solucionan regularizando estilos generales en tus hojas de estilos (a mi me funciona muy bien la linea * {margin:0;padding:0;} al comienzo del CSS, pero en el artículo hay ejemplos más desarrollados).

No uses estilos “inline” (en el HTML)

La idea de usar CSS es separar el contenido del diseño. Al poner CSS en el HTML amarras tu contenido a un diseño en particular y lo haces más difícil de mantener.

Haz tu sitio flexible para distintos tamaños de fuente

Esto no sólo lo hace más amigable para distintas resoluciones de pantalla sino que mucho más fácil de adaptar para otros dispositivos como celulares o palms. Hay numerosas técnicas para lograr esto, algunas vinculadas desde el artículo.

Usa javascript no obstrusívamente

Tu sitio debiera funcionar incluso con javascript deshabilitado. Por esto evita las llamadas a eventos en el HTML (onClick, onLoad, etc.) y aprende cómo registrar estos eventos desde archivos javascript externos a traves del DOM (esto además reduce el peso de tu HTML y lo hace más mantenible y accesible).

Pide ayuda

No dudes en buscar ayuda en blogs, foros y sitio especializados. Internet está rebalsándo de información útil especiálmente en esta area. Puedes empezar con mis links a sitios relacionados con el tema.

Desafíate

Se entiende. Una vez que te sientas cómodo con lo que sabes, sospecha y busca métodos nuevos (este consejo debe ser más viejo que el hilo negro).

Anda a eventos y cursos

Esto último es bastante relativo aquí en Chile, pues no abundan los cursos y seminarios sobre Estándares Web. Por suerte está la Internet y Amazon.

Para terminar, el artículo incluye una lista de links a más información y recursos. Check it out!

Fuente: Become a better standardista.

• Servicios:
• Comentarios RSS
• Menear!
• Del.icio.us