Archivo por meses: octubre 2014

Grunt livereload

El proceso de live reload o recarga en directo se refiere a incluir y mostrar los cambios realizados en algún archivo definido que forman parte de un documento – página, sitio, aplicación – de manera automática sin necesidad de recargar el navegador manualmente. La configuración para utilizar livereload es muy parecida a la que utilizamos […]

Observar archivos

Grunt nos permite ejecutar tareas cuando algún archivo – que definamos – tenga alguna modificación. Para poder realizar esto necesitamos instalar el módulo grunt-contrib-watch. Una vez hecho esto confirmamos que grunt-contrib-watch se encuentre dentro de las dependencias en el archivo package.json de nuestro proyecto. Ahora necesitamos modificar el archivo Gruntfile.js en tres partes: Incluir el […]

Instalar paneles de control en os x

Una vez que habilitamos Apache en OS X a veces no queremos utilizar la terminal únicamente para iniciar o detener algún servicio – Apache -. Para este caso es posible descargar el reemplazo del panel de control compartir web – Web Sharing – de las preferencias del sistema de OS X. Web sharing es una […]

Minificar archivos con grunt

Antes de empezar tenemos que instalar grunt y configurar el proyecto. ¿Qué es minificar? «La minificación de recursos se refiere a la eliminación de bytes innecesarios, como los espacios adicionales, saltos de línea y sangrías…» – vía Google Developers. Una vez que el proyecto está configurado, lo primero que tenemos que hacer para minificar los […]

Habilitar Apache en Yosemite

Al actualizar a Mavericks – y después a Yosemite – se eliminó de las Preferencias del Sistema la opción Compartir Web. Esa opción permitía tener sitios o aplicaciones web dentro de la carpeta «Sitios» o «Sites» que cada usuario del sistema tenía dentro de su directorio. Estos sitios o aplicaciones se podían compartir con los […]

Concatenar archivos con grunt

Concatenar archivos resulta útil cuando, durante el desarrollo de nuestro proyecto, utilizamos varias hojas de estilo o archivos de JavaScript pero queremos utilizar únicamente una hoja de estilos y un archivo con el código de JavaScript cuando el proyecto este en producción. Antes de empezar – si no lo hemos hecho – tenemos que instalar […]

Grunt

Grunt se define – en su sitio – como un corredor de tareas de JavaScript. Esto quiere decir – de manera general – que grunt utiliza JavaScript para automatizar tareas. Las tareas que vamos a automatizar son: Concatenar archivos. Minificar archivos. Recargar el documento que se esté visualizando en el navegador. Utilizar jshint. Borrar archivos […]