Por @jonathanzwhite

Desde el diseño hasta el desarrollo, 10 herramientas sin las que no puedo vivir

Las herramientas no son artesanas. Pero ciertamente pueden ayudar. Esta semana, quería presentarles algunas herramientas que uso. Con suerte, descubrirá algunas herramientas nuevas para ayudarlo a optimizar su flujo de trabajo.

Átomo

Atom es un editor de texto de código abierto creado por Github. Durante el año pasado, Atom ha sido mi editor principal. Atom viene con todas las funciones, como un administrador de paquetes integrado, autocompletado inteligente y hermosos temas.

Viniendo de Sublime, el gerente del paquete era un soplo de aire fresco. Con Atom, puede usar APM o su interfaz GUI. No es necesario modificar los archivos de configuración. Simplemente funciona

Una nota sobre el rendimiento. Cuando se lanzó Atom por primera vez, era lento. Sin embargo, hoy es increíblemente rápido. La única desaceleración que noto es cuando abro grandes archivos.

Puede leer más sobre Atom y sus optimizaciones de rendimiento en Moving Atom To React y luego Implementar actualizaciones DOM del editor de texto manualmente en lugar de a través de React.

DragDis

Como diseñador, siempre estoy buscando inspiración. DragDis es una herramienta que me permite guardar la inspiración a medida que la encuentro. Es fácil de usar Instala la extensión de Chrome y comienza a arrastrar.

La forma en que organizo mis carpetas DragDis es por semana. Cada semana creo una nueva carpeta de inspiración. Es una excelente manera de rastrear cómo mis gustos de diseño han cambiado con el tiempo.

DragDis también tiene una vista de cuadrícula de página completa. Esto lo convierte en tablas de humor fantásticas.

iTerm 2

iTerm es una alternativa elegante a la Terminal. Solo por nombrar algunas características, iTerm 2 tiene paneles divididos ilimitados, imágenes en línea y búsqueda. Aunque Terminal tiene muchas funcionalidades similares, iTerm 2 está mejorando constantemente.

Muzli

Muzli es una extensión de Chrome que agrega contenido relacionado con el diseño de fuentes como Designer News, Dribbble, Behance, etc.

Cada vez que abre una pestaña nueva en Chrome Muzli, obtiene el mejor contenido de cada uno de estos sitios.

Una cosa que me encanta es que tienen una sección de selección de personal. Es como tener su propio asistente personal para elegir los mejores artículos de front-end y diseño.

Noiz.io

A muchos fabricantes les gusta ir a cafeterías de moda por el ambiente. Noizio ayuda a llevar ese ambiente a su hogar. Con Noizio, puede elegir entre una variedad de ruidos de fondo, incluidos Rain Rain, Coffee House, Thunderstorm y Sea Waves. Perfecto para entrar en la zona.

Invision

Invision es una plataforma de creación de prototipos y flujo de trabajo, perfecta para la colaboración entre front-end y diseñadores. Los diseñadores pueden subir series de pantallas a un proyecto. Luego conectan pantallas entre sí.

Las secciones azules son las áreas vinculadas en caliente. Si los toca o hace clic en ellos, lo llevarán a la siguiente pantalla. Esta es una excelente manera para que los diseñadores guíen a los clientes y desarrolladores a través del flujo. También es útil al hacer algunas pruebas cualitativas preliminares con los usuarios.

Invision también lanzó recientemente una nueva característica llamada Tableros. Tableros le permite recopilar inspiración y construir paneles de humor. La mayor diferencia entre esto y usar DragDis es que Boards es colaborativo, por lo que puede trabajar con otros miembros del equipo.

Lo que la fuente

La tipografía es un gran componente del diseño. Por eso What the Font es una de mis extensiones de Chrome favoritas. Le ayuda a descubrir qué fuentes utiliza un sitio. Solo apunta y haz clic.

Cartero

Cuando trabajamos como desarrolladores front-end, a menudo tenemos que consultar las API o interactuar con las nuestras. Postman es una herramienta útil que te ayuda a realizar solicitudes a las API.

Imagínese trabajando en un punto final API. En lugar de tener que escribir una consulta inicial correspondiente o una solicitud cURL, Postman puede consultar el punto final directamente.

Wappalyzer

Wappalyzer es una herramienta para identificar qué bibliotecas y marcos utiliza un sitio. Tiene una extensión de Chrome y, con mucho, es una de las herramientas más útiles para un desarrollador front-end. La próxima vez que se pregunte qué biblioteca está utilizando un sitio para crear una visualización específica, Wappalyzer lo tiene cubierto.

Pluma 2

Boom es un amplificador de volumen y ecualizador para Mac. Es perfecto para cuando está codificando y necesita algunas melodías para aumentar su productividad. Tiene un conjunto de perfiles preconfigurados para géneros como jazz, hip-hop y dub-step. También puede configurar perfiles personalizados.

Boom también incluye un conjunto de efectos de sonido. Junto con un par de auriculares Bose Quiet Comforts, los efectos de sonido marcan una gran diferencia en su experiencia auditiva.

Si eso no fuera suficiente. Aquí hay algunas menciones honoríficas: JSON Viewer para Chrome, Noon Pacific, Flux y Better Snap Tool.

Si su herramienta favorita no apareció en esta lista, ¡avíseme! Siempre estoy atento para probar cosas nuevas. Siéntase libre de dejar una nota a continuación o twittearme.

Publico todas las semanas los martes por la mañana. Puede obtener actualizaciones siguiéndome en Twitter, donde publico divagaciones no sensuales sobre diseño, desarrollo front-end, bots y aprendizaje automático.

PD Si disfrutaste este artículo, significaría mucho si haces clic en y lo compartes con amigos.