Coquy
APP DJ TEAM
La herramienta Web Developer esencial: Si trabajas en desarrollo web sabrás lo tedioso de tener que estar refrescando continuamente el navegador cuando realizas cualquier cambio en la página.
Si trabajas con Mac OS X existe una aplicación llamada LiveReload que soluciona totalmente este problema.
LiveReload 2.1.1 es una aplicación para Mac que queda minimizada en la barra superior del sistema y desde la que puedes añadir directorios para que sean observados por el programa. Cuando algún fichero de esos directorios sea modificado, LiveReload recargará automáticamente la página abierta en el navegador para que puedas ver los cambios instantáneamente y sin tener que manualmente pulsar sobre el botón de actualizar.
Y todavía va un poco más allá, porque en su lista de funcionalidades están:
Si se modifica un fichero CSS o una imagen, se actualiza la página del navegador instantáneamente sin refrescarla.
Si usas un compilador o preprocesador tipo Less o Sass, él solito se encarga de hacer el procesado antes de recargar la página.
Tiene extensiones para los navegadores Safari, Firefox y Google Chrome.
CARACTERÍSTICAS:
Compila CoffeeScript / IcedCoffeeScript, Brújula / SASS, MENOS, Stylus, HAML, Jade, SLIM.
Funciona muy bien con muchos editores populares: Espresso, Coda, TextMate, Sublime Text, BBEdit, SubEthaEdit.
Probado con Rails, Drupal, WordPress, Joomla, ExpessionEngine, Express.
Funciona con múltiples navegadores, dispositivos móviles y simuladores, incluso dentro de ventanas de vista previa de las aplicaciones como el café espresso y coda.
COSAS QUE DEBE SABER:
LiveReload vive en la barra de menú del sistema.
Sólo supervisa los archivos con extensiones específicas. Una lista bonito y gordo es modificable, pero usted puede agregar los suyos propios en las opciones de control.
CSS / imagen se aplican los cambios en directo. Cambio de cualquier otro archivo (incluyendo HTML, PHP, Ruby, etc) provoca una recarga automática de páginas.
Los archivos locales (Archivo: protocolo) son compatibles con algunas limitaciones.
Los compiladores suelen trabajar fuera de la caja, pero algunos proyectos necesitan ajustes adicionales o ajustes.
Usted puede agregar el soporte para sus propios compiladores y editores.
FLUJOS DE TRABAJO servidor remoto (si su sitio web el desarrollo se está ejecutando de forma remota):
Por favor, lea la base de conocimientos (búsqueda de "a distancia").
Resumen rápido:
1. LiveReload sólo supervisa el sistema de archivos local, por lo que el código se edita tiene que estar ahí de alguna manera.
2. Activar "Ignorar las direcciones URL modificadas para servir CSS desde localhost" en la vigilancia de las opciones.
3. También configure "Espera X segundos antes de hacer una recarga la página completa", con un plazo adecuado.
4. Esto apoya Espresso, el plugin SFTP Sublime y otros casos similares.
5. También puede utilizar las mismas opciones para previsualizar los cambios locales de CSS en contra de un sitio web en vivo.
6. LiveReload no es un cliente FTP / SFTP, así que si usted utiliza los compiladores, es necesario encontrar la manera de subir su producción.
PRIMEROS PASOS:
1. Añade tu carpeta de proyecto utilizando el botón más en la parte inferior (o arrastrar y soltar).
2. Inserte el fragmento de siempre o instalar las extensiones del navegador.
3. Abra la página para poner a prueba en su navegador. Gire la extensión para el navegador de si va por ese camino.
Todo debe estar en funcionamiento ahora. Un punto rojo en el icono de la barra de menú indica que el navegador se conecta a LiveReload.
Requerimientos: Mac OS X 10.6 o posterior, procesador de 64 bits
Si trabajas con Mac OS X existe una aplicación llamada LiveReload que soluciona totalmente este problema.
LiveReload 2.1.1 es una aplicación para Mac que queda minimizada en la barra superior del sistema y desde la que puedes añadir directorios para que sean observados por el programa. Cuando algún fichero de esos directorios sea modificado, LiveReload recargará automáticamente la página abierta en el navegador para que puedas ver los cambios instantáneamente y sin tener que manualmente pulsar sobre el botón de actualizar.
Y todavía va un poco más allá, porque en su lista de funcionalidades están:
Si se modifica un fichero CSS o una imagen, se actualiza la página del navegador instantáneamente sin refrescarla.
Si usas un compilador o preprocesador tipo Less o Sass, él solito se encarga de hacer el procesado antes de recargar la página.
Tiene extensiones para los navegadores Safari, Firefox y Google Chrome.
CARACTERÍSTICAS:
Compila CoffeeScript / IcedCoffeeScript, Brújula / SASS, MENOS, Stylus, HAML, Jade, SLIM.
Funciona muy bien con muchos editores populares: Espresso, Coda, TextMate, Sublime Text, BBEdit, SubEthaEdit.
Probado con Rails, Drupal, WordPress, Joomla, ExpessionEngine, Express.
Funciona con múltiples navegadores, dispositivos móviles y simuladores, incluso dentro de ventanas de vista previa de las aplicaciones como el café espresso y coda.
COSAS QUE DEBE SABER:
LiveReload vive en la barra de menú del sistema.
Sólo supervisa los archivos con extensiones específicas. Una lista bonito y gordo es modificable, pero usted puede agregar los suyos propios en las opciones de control.
CSS / imagen se aplican los cambios en directo. Cambio de cualquier otro archivo (incluyendo HTML, PHP, Ruby, etc) provoca una recarga automática de páginas.
Los archivos locales (Archivo: protocolo) son compatibles con algunas limitaciones.
Los compiladores suelen trabajar fuera de la caja, pero algunos proyectos necesitan ajustes adicionales o ajustes.
Usted puede agregar el soporte para sus propios compiladores y editores.
FLUJOS DE TRABAJO servidor remoto (si su sitio web el desarrollo se está ejecutando de forma remota):
Por favor, lea la base de conocimientos (búsqueda de "a distancia").
Resumen rápido:
1. LiveReload sólo supervisa el sistema de archivos local, por lo que el código se edita tiene que estar ahí de alguna manera.
2. Activar "Ignorar las direcciones URL modificadas para servir CSS desde localhost" en la vigilancia de las opciones.
3. También configure "Espera X segundos antes de hacer una recarga la página completa", con un plazo adecuado.
4. Esto apoya Espresso, el plugin SFTP Sublime y otros casos similares.
5. También puede utilizar las mismas opciones para previsualizar los cambios locales de CSS en contra de un sitio web en vivo.
6. LiveReload no es un cliente FTP / SFTP, así que si usted utiliza los compiladores, es necesario encontrar la manera de subir su producción.
PRIMEROS PASOS:
1. Añade tu carpeta de proyecto utilizando el botón más en la parte inferior (o arrastrar y soltar).
2. Inserte el fragmento de siempre o instalar las extensiones del navegador.
3. Abra la página para poner a prueba en su navegador. Gire la extensión para el navegador de si va por ese camino.
Todo debe estar en funcionamiento ahora. Un punto rojo en el icono de la barra de menú indica que el navegador se conecta a LiveReload.
Requerimientos: Mac OS X 10.6 o posterior, procesador de 64 bits