Cómo ajustar la configuración inicial de Webpack

Después de haber repasado los principales conceptos de Webpack en los artículos ¿Qué es Webpack, cómo funciona y cómo instalarlo? y los Pasos prácticos antes de empezar a trabajar con Webpack, vamos a centrarnos en la configuración de esta herramienta de desarrolllo y, muy concretamente, en las diferentes  propiedades que podemos editar en su archivo webpack.config.js. De este modo, podremos comenzar a utilizar esta poderosa herramienta de desarrollo que nos permite  empaquetar y exportar en bundles todos los ficheros necesarios para que un proyecto funcione con todas sus dependencias frontend.
Leer más

Saca partido a Intervention Image

Después de nuestra introducción a Intervention Image, una librería de PHP especialmente orientada a la manipulación de gráficos y que nos permite automatizar gran parte de las tareas que necesitamos en desarrollo web. En este tutorial, profundizamos en diferentes caso de uso que nos permite utilizarlo para, por ejemplo, enfocar las imágenes o crear miniaturas muy fácilmente.

Leer más

Pasos prácticos antes de empezar a trabajar con Webpack

Continuamos nuestros artículos prácticos sobre Webpack, una herramienta para desarrolladores frontent que nos permite  paquetizar los diferentes módulos de los que se compone nuestro proyecto web, como veíamos recientemente. Si hace unos días veíamos la instalación y explicábamos su funcionamiento en ¿Qué es Webpack, cómo funciona y cómo instalarlo?, en este tutorial nos centramos en los primeros pasos que nos permitirán trabajar con este utílisimo software Open Source.
Leer más

Cómo automatizar la edición gráfica a través de PHP con Intervention Image

La edición sencilla de imágenes a través de programación para, por ejemplo, crear miniaturas de forma automática, es posible gracias a librerías de PHP con funcionalidades específicas para ello, como Intervention Image, en la que nos centramos en este artículo. Como veremos, podremos realizar y automatizar modificaciones sobre los gráficos, como zooms, redimensionamientos, rotaciones, incrustaciones de marcas de agua o, incluso, aplicar diferentes efectos para, a continuación, guardarlos en un archivo optimizado. Esto es, sin duda, un recurso especialmente útil para desarrolladores.

Leer más

¿Qué es Webpack, cómo funciona y cómo instalarlo?

Más allá de su descripción oficial, podríamos definir Webpack como una herramienta Open Source utilizada por los desarrolladores para empaquetar y exportar todos los ficheros necesarios para que un proyecto funcione con todas sus dependencias frontend.  Entre otras funcionalidades, con Webpack podemos obtener un archivo JavaScript que contenga la totalidad del código necesario en un proyecto minimizado y transpilado, incluyendo sus dependencias, o bien un archivo con el CSS tras haber pasado los preprocesadores necesarios. En este artículo, te explicamos un poco más el funcionamiento de Webpack y cómo instalar esta útil herramienta para Desarrollo Web.

Leer más

Primeros pasos con Laravel 5.7

Después de haber repasado las distintas alternativas que tenemos para instalar la última versión de Laravel, nos centramos ahora en unos primeros pasos con este framewok a modo de tutorial práctico. De este modo, podremos comenzar a trabajar con Laravel,  uno de los frameworks de PHP más utilizados en la actualidad para el desarrollo de aplicaciones web, y  aprovechar todo su potencial y novedades, como las mejoras en la carpeta recursos o en la paginación.

Leer más

Repasamos las principales herramientas de prototipado web

Como veíamos en nuestro artículo sobre el flujo de trabajo habitual en la creación de páginas y aplicaciones web, el prototipado es una de las fases importantes de todo proyecto  web. Nos permite aproximarnos a la Experiencia de Usuario que tendrán los visitantes, así como establecer  la arquitectura de la información que ofreceremos. En este artículo, repasamos algunas herramientas que resultan especialmente útiles en esta fase del Desarrollo Web, también conocida como mockup o maqueta, y que supone un paso imprescindible para que el resultado final de un proyecto se ajuste a las necesidades y expectativas de los clientes.

Leer más

Cómo instalar Laravel 5.7

Como hemos visto en anteriores artículos, Laravel es uno de los frameworks de PHP más utilizados en la actualidad para el desarrollo de aplicaciones web.  Nos garantiza  una buena estructura de proyecto, promueve buenas prácticas y facilita su escalabilidad. Recientemente, Laravel ha estrenado su versión 5.7, así que en próximos tutoriales abordamos cómo ponerlo en marcha desde un punto de vista práctico, lo que nos permitirá aprovechar todo su potencial y novedades, como las mejoras en la carpeta recursos o en la paginación. De momento, hoy nos centraremos en las diferentes maneras que tenemos para instalarlo.

Leer más

¿Qué podemos esperar de WordPress Gutenberg?

Como avanzábamos al analizar la 10 tendencias en Desarrollo Web para 2018, Gutenberg es un proyecto que marcará el futuro de WordPress de cara su próxima actualización, que es prácticamente inminente: el próximo 27 de noviembre. Actualmente, se  conoce a Gutenberg por ser el nuevo editor de WordPress, aunque realmente va más allá e implica toda una completa y renovada experiencia de publicación, como explicamos en este artículo.

Leer más

Cómo crear claves SSH para acceder a los servidores remotos

Las claves o llaves SSH nos sirven para acceder a nuestros  Servidores DedicadosCloud VPS de forma segura y  mediante la línea de comandos. De este modo, podemos trabajar con las máquinas remotas y realizar todo tipo de acciones como si estuviéramos delante de ellas. En Linux, el proceso de creación de claves SSH es muy fácil y  en Windows, aunque no es complejo, sí debemos tener un software que nos ayude en esa tarea. En este práctico tutorial, te explicamos cómo hacerlo de manera manual en cualquier sistema operativo, aunque si utilizamos soluciones basadas en Cloudbuilder Next de Arsys, la gestión de las claves SSH resulta mucho más sencilla, como explicamos hace unos meses en este otro artículo.
Leer más