El poder disponer de un editor de texto destinado al diseño web es de agradecer. De vez en cuando vamos a necesitar hacer retoques en el contenido de uno o varios archivos que forman parte de un sitio web. Para ello no podemos utilizar cualquier editor de texto, necesitamos algo específico.
Está claro, no hay dudas al respecto, todos o la mayoría de los que gestionamos uno o varios sitios web vamos a necesitar en cualquier momento efectuar algunos cambios en el código que se ocupa de mostrar los contenidos. Aunque la mayoría utilizamos un CMS, como puede ser WordPress, Joomla o similar, también efectuamos ajustes personalizados que requieren de un editor que permita hacer cambios en archivos.
Así, lo normal es modificar, eliminar o añadir algunas líneas en archivos CSS, JS y PHP. Existen aplicaciones, como Adobe Dreamweaver, que permiten hacer estos cambios, pero no son herramientas gratuitas, y además llevan tiempo sin actualizarse. Brackets pertenece al grupo y no cuesta nada, es de código abierto y gratuito.
¿Qué ofrece Brackets?
Se trata de una aplicación, como hemos indicado, de código abierto que permite realizar cambios en todo tipo de archivos. Su utilización va destinada a los programadores de sitios web y a todos los aficionados, entre los que me incluyo, que juegan y hacen pruebas con los resultados de los cambios generados. Por ejemplo, cuando quiero realizar un cambio en el color y tamaño del texto de los títulos de los artículos en mi sitio web, utilizo Brackets.
Antes de subir al servidor web el archivo style.css modificado, lo pruebo en el servidor local que tengo instalado en mi ordenador, al que puedo acceder desde el programa. De forma similar efectúo cambios en, por ejemplo, single.php, dentro del tema instalado en mi sitio con WordPress.
A tener en cuenta
El programa, con versiones para Windows, macOS y Linux, permite trabajar con un proyecto o con archivos individuales. En el lateral izquierdo podemos ver todos los archivos, agrupados en las correspondientes carpetas, así como, en la parte superior de este panel, los que abrimos independientemente. A la derecha, después de la zona que incluye el código a editar, hay tres botones: el de acceso a la vista previa dinámica, el de instalación y gestión de extensiones, y el que permite el acceso a una vista previa PSD.
Los responsables de esta aplicación nos dicen lo siguiente sobre la misma: «Con herramientas visuales enfocadas y soporte de preprocesador, Brackets es un editor de texto moderno que facilita el diseño en el navegador. Está diseñado desde cero para diseñadores web y desarrolladores front-end«.
Extensiones y más…
Brackets permite también utilizar diversas extensiones que sirven para añadir nuevas funcionalidades al programa. Se pueden utilizar también atajos del teclado, que permiten el acceso a diversas funciones, como pueden ser la búsqueda de porciones de código o el almacenado de los cambios. El panel de edición resalta el código utilizando diferentes colores. Soporta también la vista previa en vivo, lo que permite examinar los resultados de los cambios realizados en el archivo sin salir del editor. Para ello hay que tener Google Chrome instalado en el ordenador.
Acceso
El programa se puede descargar gratuitamente desde Brackets.
