jueves, 5 de mayo de 2016 – #Designer

Desde hace tiempo estoy utilizando Brackets para crear sitios web. He pasado por el Notepad (bloc de notas), Dreamweaver, WebMatrix, Sublime Text, Atom, Visual Studio Code y Brackets. Todos han tenido grandes cosas que me han cautivado por temporadas (menos el Notepad, que tuve que usarlo obligatorio cuando estudiaba en el Conalep) pero con el último que me he quedado es con Brackets.
Brackets
Su diseño, su simplicidad y su facilidad para instalar extensiones son los puntos que destaco por los cuales he decidido quedarme con este software. Además de que es gratuito y que tiene compatibilidad con leer archivos PSD (sí, archivos de Photoshop) lo he podido utilizar en una máquina con Elementary OS (aquí puedes consultar el artículo ¿Cómo instalar Brackets en ElementaryOS? en donde te enseño una forma para instalarlo).

Con este pequeño antecedente del por qué he elegido Brackets para trabajar con sitios web, me gustaría compartirte algunos de las extensiones que he instalado:

  • Emmet: Lo conocí cuando empecé a utilizar Sublime Text y desde ahí siempre lo busco en los programas que he seguido utilizando. Emmet es un excelente complemento para poder hacer magia con pocas líneas: Te permite utilizar sus snippets para poder crear sitios más rápido.
  • Brackets SASS: Si eres de los que escribe código SCSS te invito a que instales esta extensión. Te permitirá generar tu archivo .css sin necesidad de una aplicación extra.
  • Response for Brackets – original: Cuando estás construyendo un sitio web es importante conocer cómo se verá en distintas resoluciones, sobre todo cuando estás haciendo un sitio responsivo. Esta extensión te permite realizar esto sin tener que salir de Brackets.
  • Extract for Brackets (Preview): Viene incluida en la versión completa de Brackets. Permite poder cargar un archivo PSD para poder obtener las características de tu diseño: el color elegido, el tamaño de fuente, el ancho de una forma, etc. Esto con la finalidad de poder llevar tu diseño a un sitio web.
  • Identator: Permite ajustar la indentación de nuestro código. Útil cuando copiamos código de otro lugar y queremos que se ajuste correctamente al que tenemos.

Te compartiré los links de los programas que he ido utilizando a fin de que también puedas conocerlos y tengas la oportunidad de elegir el que mejor se acomode a tus necesidades:

¿Qué programa utilizas tú? Házmelo saber a través de un tweet a @Yakziamx



¿Este artículo fue de utilidad?

Si tu respuesta es SÍ puedes hacermelo saber con un Gracias e incluso lo puedes compartir a tus seguidores a través de un Tweet.

Opcionalmente puedes realizar un donativo para comprar más café con la finalidad de mantenerme despierto y seguir escribiendo más artículos.