¿Se acuerdan de Brackets? En DesdeLinux le dedicamos varios artículos a este editor de texto open source impulsado por Adobe y su Comunidad, y que desde aquel entonces ha ido evolucionando poco a poco hasta llegar a la versión 1.1 con muchísimas mejoras y características.. En este artículo repasaremos algunas de ellas, pero antes, recordemos algunas de las opciones que hacen de Brackets algo diferente.
Edición en línea
Una de las características más interesantes de Brackets es a lo que yo llamo “Edición en línea”, que consiste en editar las propiedades CSS de una etiqueta HTML ya existente, o crear una nueva, desde el propio fichero .html sin tener que abrir el fichero de la hoja de estilos. Solo tenemos que poner el cursor sobre la etiqueta correspondiente y oprimir Ctrl + E.
Visualizar elementos, colores e imágenes
Brackets nos permite visualizar las imágenes que enlazamos en nuestro código html o el color de una propiedad en el fichero .css como se ve en la imagen anterior. Además, tiene la opción de ver los cambios que vamos guardando en nuestro fichero html en Google Chrome de forma automática, sin recargar la página.
Estas fueron algunas de las características más interesantes de Brackets en aquel entonces, pero ahora llegan otras nuevas.
Vista dividida en Brackets
Ahora podemos trabajar de forma más cómoda con dos ficheros al mismo tiempo dividiendo la vista del editor tanto en forma vertical como horizontal. Incluye soporte para Temas por defecto y nos permite seleccionar la tipografía que usamos y el tamaño de la misma.
Extensiones, muchas extensiones
Si hay algo en lo que ha mejorado muchísimo Brackets (gracias a la Comunidad) es en el listado de extensiones disponibles, muchas de ellas con excelente calidad.
Yo uso algunas muy interesantes como son:
Brackets y Extract
Con la versión 1.1 de Brackets tenemos la opción de bajar una variante que incluye Extract, que básicamente incluye una nueva experiencia de instalación inicial y una característica que le permite colaborar con un diseñador (que use .PSD) y que utilice la nube de Adobe. Realmente no puedo decirles como funciona por razones obvias, pero parece ser una opción bastante interesante.
Conclusiones
En resumen puedo decir que en el poco tiempo que lleva de desarrollo, Brackets está tomando para mi un importante lugar entre las alternativas que tenemos a la mano. No es perfecto, todavía le falta mucho camino por delante (y ojalá se ejecutara tan rápido como Sublime Text), pero gracias a las nuevas funcionalidades y extensiones que se van añadiendo, resulta ser una excelente opción para los Frontends.
Puede que se me queden más cositas por mencionar, pero lo mejor es que lo prueben y juzguen ustedes mismos. Brackets está disponible desde su sitio web con paquetes compilados para Debian/Ubuntu, o sus fuentes. Si eres usuario de ArchLinux lo puedes instalar directamente desde AUR.
Continúar leyendo...
Edición en línea
Una de las características más interesantes de Brackets es a lo que yo llamo “Edición en línea”, que consiste en editar las propiedades CSS de una etiqueta HTML ya existente, o crear una nueva, desde el propio fichero .html sin tener que abrir el fichero de la hoja de estilos. Solo tenemos que poner el cursor sobre la etiqueta correspondiente y oprimir Ctrl + E.
Visualizar elementos, colores e imágenes
Brackets nos permite visualizar las imágenes que enlazamos en nuestro código html o el color de una propiedad en el fichero .css como se ve en la imagen anterior. Además, tiene la opción de ver los cambios que vamos guardando en nuestro fichero html en Google Chrome de forma automática, sin recargar la página.
Estas fueron algunas de las características más interesantes de Brackets en aquel entonces, pero ahora llegan otras nuevas.
Vista dividida en Brackets
Ahora podemos trabajar de forma más cómoda con dos ficheros al mismo tiempo dividiendo la vista del editor tanto en forma vertical como horizontal. Incluye soporte para Temas por defecto y nos permite seleccionar la tipografía que usamos y el tamaño de la misma.
Extensiones, muchas extensiones
Si hay algo en lo que ha mejorado muchísimo Brackets (gracias a la Comunidad) es en el listado de extensiones disponibles, muchas de ellas con excelente calidad.
Yo uso algunas muy interesantes como son:
- Beautify: Para embellecer el código JS, CSS y HTML
- Bootstrap 3 Skeleton: Para crear un html listo para Boostrap.
- Brackets Compare: Una herramienta DIFF.
- Task List: Para tener un listado de tareas a la mano
- Brackets Git: Una de mis preferidas, me permite gestionar mi proyecto y su repositorio GIT. Les dejo una captura en la siguiente imagen.
- Otras, muchas otras..
Brackets y Extract
Con la versión 1.1 de Brackets tenemos la opción de bajar una variante que incluye Extract, que básicamente incluye una nueva experiencia de instalación inicial y una característica que le permite colaborar con un diseñador (que use .PSD) y que utilice la nube de Adobe. Realmente no puedo decirles como funciona por razones obvias, pero parece ser una opción bastante interesante.
Conclusiones
En resumen puedo decir que en el poco tiempo que lleva de desarrollo, Brackets está tomando para mi un importante lugar entre las alternativas que tenemos a la mano. No es perfecto, todavía le falta mucho camino por delante (y ojalá se ejecutara tan rápido como Sublime Text), pero gracias a las nuevas funcionalidades y extensiones que se van añadiendo, resulta ser una excelente opción para los Frontends.
Puede que se me queden más cositas por mencionar, pero lo mejor es que lo prueben y juzguen ustedes mismos. Brackets está disponible desde su sitio web con paquetes compilados para Debian/Ubuntu, o sus fuentes. Si eres usuario de ArchLinux lo puedes instalar directamente desde AUR.
Continúar leyendo...