Hoy nos toca ver buenas practicas para el desarrollo web. Voy a enumerar una serie de cosas que son basicas para el buen funcionamiento de una webapp sea PHP, Java, .net o cualquier cosa (menos Ruby que no califica ni a scripting el pobrecito).

  1. Document Type
  2. Setear el doctype de un html es fundamental para decir que tipo de (x)html estamos utilizando y asi decirle al browser como renderizar la pagina. Si por ejemplo utilizamos el doctype de XHTML todo el html tiene que ser un XML valido. Si no es asi va a tener mensajes de error.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Asi le podemos decir al browser que corra como Strict o Quirks mode. En el primero todo el CSS se validara estrictamente contra un standard pero en Quirks se va a permitir una serie de hacks de antiguos tiempos donde CSS no estaba estandarizado.

  • Usar CSS!
  • Me acuerdo cuando empece a hacer websites alla por el 96, luchaba muchisimo con el style de las paginas. Hoy cada development que hago lo hago primero en Adobe Fireworks, paso la estructura a HTML y TODO el style a un CSS. De esta manera el concepto de reutilizacion es aplicado lo cual ahorra mucho tiempo en desarrollo y modificacion de componentes. Nota: es importante que el css sea un file separado, no un style tag dentro de la pagina.

  • Layout para gente normal
  • Muchos de nosotros hemos querido hacernos los magic johnsons del web dev con nav bars magicos o puestos en un lado no tradicional, etc. Les voy a contar algo si creen que los usuarios son inteligentes puede ser pero seguro que no lo son (somos) cuando navegamos la web. Ni bien entro a una empresa X y quiero ver su telefono para llamar voy a hacer 2 cosas. 1. Ver si hay algo tipo 0800 en la pantalla principal y 2do voy a buscar un link que diga locations , sucursales o contacto. Si no encuentro eso estoy EN EL HORNO. Me siento perdido y eso que laburo de esto hace muchos a