En mayo de 2022 me propuse un reto: compartir cada día en LinkedIn una de las herramientas que uso en mi día a día. En este post reúno las de desarrollo web, que es lo que más me gusta enseñar.

Visual Studio Code, mi editor favorito

Nada sorprendente, supongo. Visual Studio Code es un editor de código fuente multiplataforma de Microsoft. Tiene mil opciones y, las que no tiene, se completan con extensiones que te permiten trabajar en el lenguaje que quieras de forma más cómoda.

¿Es el único que uso? No, claro. He pasado por otros editores como Sublime Text, que sigo usando de vez en cuando para cambios rápidos, o Brackets. Y como IDE (para Java, por ejemplo) sigo utilizando NetBeans. Pero VS Code es el que más uso.

Confieso que no uso muchas extensiones, y sé que me aligerarían mucho el trabajo… ¿Cuáles consideras imprescindibles?

JSFiddle: compartir código en segundos

¿Tienes que compartir código rápido sin complicarte? A mí me pasa infinidad de veces. He probado muchas herramientas, pero me quedo con JSFiddle, un entorno online que permite editar y ejecutar HTML, CSS y JavaScript en una sola página. También admite alternativas como SCSS, TypeScript o CoffeeScript, y proyectos con React, Vue o jQuery.

Me gusta por su minimalismo: cuatro paneles, uno por lenguaje y otro para el resultado. Pero lo que hace que me quede con él frente a CodePen o JSBin es que permite compartir y embeber código sin necesidad de registrarse: entras, pegas el código, guardas y te genera una URL lista para compartir o un código para incrustar.

Además:

  • Con una cuenta puedes guardar tus fiddles (¡yo tengo cientos!).
  • Puedes editar código de forma colaborativa y simultánea, con chat y micrófono.
  • Verifica la sintaxis, aplica sangría automática, autocompleta…

Firefox: el navegador de toda la vida

¿Firefox o Chrome? ¿Edge o Safari? ¿O eres de Brave? Lo confieso: yo soy de Firefox, y de su versión Developer Edition. De siempre. Empecé a usarlo en la universidad, por recomendación de mi compañero de piso, aunque trabajando en el centro de datos de la universidad tenía que probarlo todo en todos los navegadores para desarrollar webs compatibles.

Y no creas que no he dado oportunidades a otros:

  • Ya como profe me di cuenta de que la mayor parte de mi alumnado usaba Chrome. «Venga, vamos a darle otra oportunidad». Pero cada vez que lo arranco parece que el ordenador va a despegar… ¿cómo consume tantos recursos?
  • Me recomendaron Brave y no me disgustó, pero una es una chica de costumbres y volví a Firefox.

Uso Chrome y Safari para algunos proyectos, pero el navegador que siempre está abierto es Firefox. ¿Por qué?

  • Por su velocidad y su bajo consumo de recursos.
  • Por su bloqueo de rastreadores.
  • Por sus opciones de captura e impresión.
  • Y por su consola de desarrollo, que en la Developer Edition mola mucho más.

¿Los contras? Hay extensiones y páginas que no funcionan del todo bien en Firefox y me toca tirar de Chrome de vez en cuando. Por suerte, son las menos.

¿Y tú, con qué herramientas desarrollas? ¿Cuál es tu navegador favorito?