La importancia de los estándares

Desde la creación de la World Wide Web Consortium (WC3) en el año 1994 el desarrollo sobre plataformas web tiene una serie clara de que guías debe seguir para crear diseños escalables, flexibles, semánticos y accesibles.

Esta entidad se ha encargado de redactar documentación relacionada con lenguajes como xml, xhtml, html, css, svg. uri/url y otros. Sobre estos documentos los desarrolladores de navegadores web se han basado, o no tanto, para crear sus motores de renderizado que interpretan el código de la páginas web para luego mostrarlas en pantalla. Sin estas reglas cada navegador interpretaría ese código como quisiera y no tendríamos consistencia en la visualización de los sitios entre un navegador y otro.

De la teoría a la realidad

En teoría suena muy bien, pero es sabido que estos estándares no están 100% soportados en los navegadores, y para peor el navegador mas utilizado, el Microsoft Internet Explorer, tanto en su versión 6 como en la reciente versión 7, son los que menos estándares soportan, sin mencionar los códigos propietarios que utilizan. Pero a pesar de esto, desarrollar siguiendo los estándares es lo más aconsejable ya que trae ventajas a corto y largo plazo, tanto para el que programa las paginas como para el que las mantiene, actualiza y para el negocio que este montado sobre ese sitio.

Separación de diseño, estructura y contenidos

En el desarrollo con estándares se aboga por la separación. Esto se podría ver en 3 capas:

  • La estructura: Comprende a la parte html de un sitio, donde se definen las áreas de contenidos.
  • Los datos: Comprende los contenidos del sitio, artículos, notas, productos, etc. Solo aplicable a sitios donde sus contenidos estén albergados en una base de datos, de lo contrario esta capa estaría integrada en la estructura.
  • El diseño: Comprende el aspecto visual del sitio, situado en los CSS.

Ventajas

Compatibilidad con los navegadores

Desarrollar con estándares no solo es compatible con los navegadores actuales, sino que degrada bien en navegadores antiguos, navegadores de solo texto, lectores de pantalla y los mas importante son completamente compatibles con navegadores futuros, que a medida que se siguen mejorando actualizan su soporte para estándares.

Accesibilidad

Siguiendo las normas de html, semántica y la utilización de CSS los sitios no solo son mas accesibles al usuario web común, sino que da la ventaja de que el mismo sitio pueda se accedido desde un navegador de solo texto, desde un celular, desde un pda, con lectores de pantalla para ciegos, una consola de juegos, etc.

Velocidad y peso de archivos

Al utilizar CSS y evitar las tablas como elemento de layout del sitio y ayudad con el uso correcto del HTML podemos disminuir la cantidad de código hasta un 40% haciendo el sitio mas liviano y rápido, no solo beneficiando al usuario sino disminuyendo el ancho de banda consumido.

Mantenimiento

Al tener las tres capas que componen el desarrollo hacer cualquier cambio resulta muchísimo más sencillo, ya que por ejemplo si hace falta hacer un cambio en la apariencia del sitio, tan solo con editar pocas lineas en el CSS podemos hacer modificaciones que afectan globalmente al sitio.

Indexabilidad y negocios

Cuando uno toma la decisión de montar un negocio en internet debe tener en cuenta a la indexación en los buscadores y hoy estos se alimentan de texto. Y mientras más claro este este texto, mientras mejor construido con estándares mejor será la indexación del sitio, y por lo tanto mas público atraerá, lo que es mejor para los negocios.

En resumen

Puede que al tratar de empezar a adoptar los estándares en el proceso de desarrollo cueste un poco, pero los beneficios tanto a corto como a largo plazo bien lo valen, y desde y punto de vista profesional de a poco en el mundo se esta solicitando este conocimiento, lo que lo hace también valioso en el futuro laboral de los desarrolladores.

10 de años de evolución, o no tanto.

Internet es relativamente joven, pero ha crecido mas allá de la cantidad de años que tiene, ha evolucionado y mutado y lo seguirá haciendo. Nosotros como desarrolladores, ¿Estamos siguiéndole el paso?

Un poco de Historia

Me he dedicado al diseño web desde hace varios años ya, desde la época en que se hacían cuatro versiones de sitios, una para netscape, quien tenia la mayoría del mercado otra para explorer, un nuevo navegador que Microsoft nos regalaba en pos de quitarle usuarios al omnipresente Netscape, otra para el emergente mecardo movil con wap y finalmente otra para impresión. Eran tiempos en los que teníamos que tener en cuenta conexiones de 28.8kbps o menos. de resoluciones de pantalla de 640 x 480 a 256 colores, donde Flash todavía eraFutureSplash, HTML iba recién por su versión 3.2 y Google era tan solo un proyecto universitario. Muchas cosas has sucedido desde esos días hasta hoy, y mucho por cierto ha cambiado, no creo que haga falta enumerarlas, tecnologías, plataformas, sistemas operativos, todos han evolucionado de manera exponencial. Esta velocidad casi vertiginosa nos ha obligado a los diseñadores y desarrolladores web a estar constantemente informados sobre que sucede a nuestro alrededor y a estar en una permanente capacitación. Y si, por momentos se hace difícil mantenerse al día: asp, php, mysql, actionscript, html, xhtml, css, xml, WebDav, Ajax, Flex, javascript, java, wap, etc.

En la actualidad

Pero lo que he notado, tanto aquí en Argentina por experiencia propia, como alrededor del mundo leyendo en la web, es que en realidad la tasa de capacitación permanente por parte de los diseñadores y desarrolladores web es relativamente baja. Es cierto que no se puede saber todo, y menos saberlo en profundidad, por esa razón cada vez mas se están surgiendo ramas de especialización en cada una de las areas que se han ido abriendo en el desarrollo web. Habiendo puesto todo esto en perspectiva, me pregunto, ¿porqué muchos diseñadores hoy todavía programan sitios html como si estuviéramos en 1996, utilizando tablas para delimitar el layout, gifs trasparentes de 1px x 1px por todos lados, tags de fonts desparramados por todo el sitio, la falta de DocType y otros tantos vicios heredados de los principios de la web? Después de hablar con mucha gente del ambiente, tanto diseñadores como empleadores y clientes encontré una respuesta casi única: ¿hay otra forma de programar html?. A lo que suelen agregar: ¿para que hacerlo diferente si no cambia en nada en la forma en que se ve? He aquí donde entro en conflicto con estas posturas. si siempre están tratando de realizar sitios mas llamativos, pensando en utilizar cosas nuevas y novedosas, como 3D, flash con altas dosis de ActionScript avanzado, video y demás ¿porque no pueden ver las ventajas que trae actualizarse en la programación HTML?

Internet, negocios y buscadores

No tengo estadísticas, pero estimo, y no creo equivocarme al decir que hay mas sitios html que sitios flash y hay muchas razones por la cuales actualizarse es importante desde el punto de vista del desarrollo, de los negocios y la información. Hoy los buscadores no solo se han tornado mas sofisticados, sino que son parte de la estrategia comercial de cualquier emprendimiento en internet. Como ya es sabido estos buscadores indexan los sitios navegándolos leyendo el código HTML, dejando fuera a los sitios desarrollados con Flash, haciendo a estos últimos una opción no de los mas óptima desde el punto de vista económico para una empresa que quiera realizar negocios en internet. Igualmente como en todo, los extremos no son buenos, no con esto estoy diciendo que la tecnología flash no se deba usar para nada, de hecho es una muy buena herramienta para tanto sitios basados en html como para realizar sitios enteramente en flash. Sí hay que tener en perspectiva cuales son los objetivos de cada desarrollo y sus necesidades.

Las ventajas de actualizarse

El hecho de hablar de capacitarse en la programación HTML se apoya en las ventajas que trae tanto para desarrolladores como para los emprendimientos, ventajas que enumero y que mas adelante me explayaré mas detenidamente en cada una:

  • Separación de estructura y diseño
  • Más faicil desarrollo y actualización
  • Más Flexibilidad
  • Accesibilidad
  • Una sola versión para varios medios
  • Más Indexabilidad por buscadores (SEO)
  • Sitios mas livianos y rápidos
  • Compatiblidad a futuro