Buenas prácticas de desarollo web
El desarrollo de un front-end html parece sencillo, pero lograr un código limpio, semánticamente correcto y compatible con los distintos navegadores termina por ser un duro trabajo. A continuación os dejo un estracto de un post original de catwhocode en el que se hace un repaso a 10 buenas prácticas para el desarrollo web.
- Añade comentarios en el cierre de las etiquetas html para facilitar la comprensión del código de un solo vistazo
- Resetea los valores CSS por defecto del navegador antes de empezar con el diseño
- No uses @import para linkar hojas de estilos. Es mucho más lento que el método tradicional.
- Optimiza el tamaño de tus imágenes con aplicaciones online como smush it
- Procura no mezclar html y css mediante atributos style
- Procura no mezclar html y javascript. Linka siempre a ficheros externos .js y evita eventos inline como onClick
- Incluye las hojas de estilos especificas para IE6/7 mediante condicionales (<!–[if lte IE 6]>)
- Coloca los ficheros javascript al final del documento para mejorar la carga de la página
- Usa HTML semánticamente. Ajem: Agrupa elementos “hermanos” como los items de un menu en <ul> u otro tipo de etiquetas que los agrupe
- Comprueba la compatibilidad entre navegadores según vas programando, y no al final del diseño, para evitar futuros dolores de cabeza
Ningun post realacionado
adrian on Marzo 23rd, 2010
Muchas gracias, algunos lo hacia. pero aprendi muchos.
Adios
Alguno on Abril 10th, 2010
Hey tio , gracias por todos tus tutoriales , si no es exceder limites , podría pedirte que realizaras un videotuto , un tip o algo asi para hacer un Rollover , una imagen que cuando pases el cursor por encima cambie y cuando lo quites vuelva a la normalidad para luego poder insertarla en un widget de wordpress?
un saludo y espero que puedas ayudarme