LiveReload. Editar CSS y ver el resultado sin recargar

tips.jpg
Solucionex
23
Mayo 14

Cuando estamos modificando el diseño de un portal (sobre todo cuando estamos haciendo ajustes finales), solemos utilizar el inspector de código de Google Chrome o el Firebug para modificar los estilos CSS y ver el resultado en tiempo real. Lo malo de este proceso es que, una vez que has terminado de hacer las pruebas, debes ir al código real y replicar de nuevo todos aquellos cambios que hubieras hecho. Si es un cambio sencillo, es fácil de recordar, pero si has cambiado 3 o 4 cosas, la cosa se va complicando.

Para mejorar este escenario, hoy os hablamos de una alternativa llamada LiveReload. Instalado como programa, o como extensión del navegador, LiveReload se encarga de actualizar en tiempo real cualquier cambio que hagamos en los ficheros css y las imágenes que se utilizan en la web que tengamos abierta en el navegador. De este modo, podemos editar los ficheros originales y ver el resultado directamente en la web, sin recargar. Cuando todo esté a nuestro gusto, no habrá que hacer nada más puesto que los cambios los habremos aplicado directamente sobre el fichero fuente original.

Aunque es algo bastante simple, la realidad es que nos ahorra tiempo y disminuye los errores.

¿Qué os parece? ¿Os resulta útil?