(Tiempo estimado: 2 - 3 minutos)

Después de escuchar el último episodio de MastermimdJoomla, titulado "enséñanos tu herramienta" y acordarme de un artículo de mi amigo Pablo Arias, sabía que tenía un artículo pendiente en mi blog. Así que aquí va mi set de herramientas que utilizo cuando trabajo en desarrollo web.

Herramientas Desarrollo Web

¿Quieres ver qué herramientas utilizo en Desarrollo Web con #Joomla? #MejorConJoomla por @sergiois Tuitéalo

Visual Studio Code

Visual Studio Code

Desde que salió este editor cada vez me gusta más trabajar con él. Tienes todo integrado: visualización por colores, autocompletado (CSS, HTML, JS y PHP), posibilidad de añadir tus propios snippets, emmet y, lo que más me gusta, integración con Hoy muy fácil y efectiva (con la posibilidad de mostrar la consola de GitBash en un golpe de teclado. Quizás lo único que hecho en falta es una extensión para FTP similar a la que usa NotePad++ para trabajar directamente contra servidor en algunos sitios.

Visual Studio Code

Canva

Canva

Una herramienta online para no-diseñadores muy fácil de utilizar y con unos resultados increíbles. Con ella puedes crear logos, banners, imágenes para compartir en redes sociales... Está basada en plantillas con las dimensiones correctas para cada tipo de creatividad que necesites.

Canva

Font Awesome Icons

Font Awesome Icons

Se trata de una colección de iconos en formato de fuente que quedan muy muy bien en los sitios web para poder restaltar enlaces, servicios...

Font Awesome Icons

GIMP

GIMP

El Photoshop de código abierto que me soluciona algunos retoques que hay que realizar en algunas de las creatividades.

GIMP

TinyPNG

TinyPNG

Para terminar con el tema de imágenes os recomiendo esta herramienta online que reduce el peso de las imágenes de una forma importante. Hasta un 80% de compresión sin perder calidad en la visualización. Si te importa la velocidad de carga de una web no puedes perdertelo.

TinyPNG

EclipsePalette

EclipsePalette

Una herramienta muy sencilla de utilizar y que te da los colores que vas a utilizar en la web en diferentes formatos (hexadecimal, RGB...).

EclipsePalette

Pixabay y Unsplash

Unsplash

Los bancos de imágenes libres que utilizo en el disdño de los sitios web que desarrollo. Buena calidad y categorizados.

Pixabay

Unsplash

Firefox Quantum

Firefox Quantum

Se trata de un navegador con una serie de herramientas ya instaladas (que puedes ampliar mediante extensiones) que facilitan mucho la labor de desarrollar un sitio web.

Firefox Quantum

Joomla!

Joomla!

Por supuesto, no me olvido de mi CMS favorito y que utilizo en todos los sitios web que desarrollo. Flexible, seguro, ampliable y fácil de utilizar tanto para desarrolladores como para usuarios finales.

Cómo extensiones fijas suelo utilizar Akeeba Backup y JCE Editor. A partir de ahí, dependerá del tipo de proyecto. Cómo framework de plantillas o templates utilizo Helix y, siempre que se puede y así se requiere, desarrollo plantillas joomla a medida.

Joomla!


Seguramente no están todas las que utilizo pero sí las más importantes.

Mira las herramientas que utilizo en Desarrollo Web con #Joomla - #MejorConJoomla por @sergiois Tuitéalo

Si quieres, puedes mejorar este listado a través de los comentarios. Seguro que entre todos montamos un kit de herramientas de gran interés para la comunidad.

Así que ya sabes... ¿Me enseñas tu herramienta?

Sobre el autor, Sergio Iglesias

Sergio Iglesias

Sergio Iglesias es formador, desarrollador y front-end del CMS Joomla!. A través de su blog y sus cursos puedes aprender a desarrollar tu propio portal web autogestionable.

 

¿Te ha gustado el artículo? ¡Suscríbete YA!

¿Necesitas un sitio web que funcione?

¿No quieres depender de nadie para gestionar tu página web?

Recibe contenido exclusivo y GRATIS mi curso sobre desarrollo de plantillas Joomla!


Me apunto ya!

Comentarios

#3 Leo Soto 22-08-2018 14:06
Hola Sergio muy buen artículo, me gustan mucho las herramientas que utilizas excepto por el editor yo uso mas Rokpad para trabajar codigo html con las clases de Uikit sin problemas. También suelo incorporar el RS firewall una vez entregado el proyecto. Saludos!!
Citar
#2 Edison 02-08-2018 11:41
Muy interesante, gracias por compartir, yo utilizo a veces porque me ha salvado de algunas, antes de conocer el Visual Studio.
Citar
#1 Marcos Oya 29-07-2018 11:20
Gracias Sergio.
Felicidades por tu nueva web!!
Citar

Escribir un comentario

Puedes publicar el comentario que quieras, pero si lo considero SPAM será eliminado automáticamente.



Código de seguridad
Refescar

SergioIglesias.NET te informa que los datos de carácter personal que nos proporciones rellenando este formulario serán tratados por Sergio Iglesias Sánchez como responsable de esta web. La finalidad de la recogida y tratamiento de los datos personales que te solicitamos es, únicamente, para gestionar los comentarios de este blog. La legitimación se realiza a través del consentimiento del interesado. Te informamos que los datos que nos facilitas estarán ubicados en los servidores de SiteGround (proveedor de hosting). Ver política de privacidad de Siteground. El hecho de que no introduzcas los datos de carácter personal que aparecen en el formulario como obligatorios podrá tener como consecuencia que no pueda atender tu solicitud. Podrás ejercer tus derechos de acceso, rectificación, limitación y suprimir los datos en info@sergioiglesias.net así como el derecho a presentar una reclamación ante una autoridad de control. Puedes consultar la información adicional y detallada sobre Protección de Datos en mi política de privacidad.

¿Quieres tener un sitio web que funcione?

Contacta conmigo