Simplemente trabajar en limpio :)

Aunque suena obvio, no lo es, porque siempre hay pequeñas cosas que se dejan para después porque son fáciles, rápidas, o hay problemas más importantes que solucionar primero.

Grave error, porque son ese cúmulo de pequeñas labores que el final de la etapa o del proyecto nos pasan la cuenta.

Front en 3 pasos

Estudiar y definir la estructura HTML

Hay que tener presente que el diseño se debe pensar íntegro para no tener que “parchar” más adelante. No es solo una Home, una página tipo y el formulario de contacto, eso es para los sitios del ‘90. Hay que pensar que la estructura que estamos definiendo tendrá también, mapa de sitio, resultado de búsqueda, subíndices, etc.

Si a esto le sumamos comportamientos AJAX (que deben siempre considerar la alternativa de acceso cuando no hay JavaScript) tenemos bastante de qué preocuparnos. Por suerte existen los mapas de interacción que ayudan mucho son cada vez más necesarios.

Hacer el HTML

Íntegro, sin pensar en el diseño, solo en el contenido. Esto significa que no debo preocuparme de las curvas de la caja “X” o del fondo del contenedor “Y” etc. Aquí es donde se aplica la semántica, debemos saber reconocer clasificar y sobre todo ordenar la información. Definiendo qué es título y qué no, qué es lista, qué es párrafo, acá es cuando nos paramos frente a la pizarra a discutir de estructura de los HTML

Hay que darle un sentido, el mismo al que apunta el contenido, Front accesible.

Es un ejercicio que ya es tradicional en AyerViernes, el HTML, se hace primero y solo, validando el código como quien salva el archivo para no perder cambios, se asignan atributos “title”, “rel”, “Accesskey”, “Class” y “ID”, etc.

Una vez terminado el HTML, se revisa, nuevamente, conversamos mejoras, discutimos, los feedback son constantes, para llegar a la mejor solución.

Desarrollar las CSS

Como es de esperar, no tocaremos más el HTML, a lo sumo pequeñas modificaciones, recuerden que lo pensamos, discutimos, mejoramos y trabajamos en limpio.

Seguimos con la misma premisa, trabajar en limpio y una sugerencia, como ya tenemos feedback visual, es que lo trabajen visualizándolo a 3 navegadores, los más pudientes a 3 computadores, también validando el CSS para ir detectando corrigiendo al momento las malas practicas.

Por ejemplo NO a los !important eso refleja una falta de dominio en las herencias de las propiedades de las reglas CSS. Consecuencia de esta falencia también es definir las reglas con mucha repetición de las mismas propiedades.

Es importante aquí saber determinar si se usan clases o ID, qué navegadores soportan qué propiedades, etc.

Pero lo más importante comenzar desde arriba y que el diseño del top, una vez que está listo, no se interviene más, trabajar en limpio :)