Las extensiones de Chrome y Digitup, Digitup y las extensiones de Chrome.
Seguro que más de una vez, en las largas jornadas que conllevan desarrollar una web que cumpla tanto tus expectativas como las de tus clientes o de tu jefe, te habrás preguntado; ¿qué podría hacer para ser más eficiente, ahorrarme tiempo y no perder ni un ápice de la excelencia de mis desarrollos?
En Digitup, llevamos años dedicándonos al desarrollo web y, consideramos que la respuesta a la anterior pregunta, es utilizar las extensiones para el navegador Google Chrome. Somos conscientes de no haberte descubierto nada que no supieras pero, si queremos compartir con vosotros las extensiones que más usamos y que tanto nos facilitan la vida en nuestro día a día.
Te contamos las 10 extensiones de Chrome más utilizadas por el equipo de Digitup para el desarrollo web, ¡adelante con el artículo!
¿Cuántas veces has querido saber cuál era la fuente de una determinada marca o de una determinada web y aplicarla en tus diseños y desarrollos?, pues bien, la solución más rápida a este deseo podrás obtenerlo con una de las extensiones de Chrome más utilizadas por el equipo de Digitup; Fonts Ninja.
Esta aplicación, la cual utilizamos casi a diario, nos sirve para identificar cualquier tipo de fuente disponible en la red. Proporciona información adicional sobre los estilos de la fuente, su precio y cualquier otra información relevante.
Esta extensión te permite elegir colores de tus páginas web favoritas. El selector de color hexadecimal no solo extrae información de color de los estilos CSS, sino que también puede extraer valores RGB de las imágenes.
¿Cuantas veces has tenido que hacer una captura o descargar una imagen y meterla en Photoshop para saber los valores RGB utilizados en una imagen? Con ex color picker se acabó.
Una herramienta para obtener una vista previa rápida y obtener todos los activos SVG de un sitio web con un solo clic. SVG Grabber te permite obtener una vista previa, descargar y copiar el código de todos los iconos e ilustraciones de cualquier página. Una herramienta o extensión esencial que debe formar parte de tu arsenal para trabajar.
«SVG (Scalable Vector Graphics) es un formato vectorial poco conocido pero muy útil para su uso online por su flexibilidad y por la capacidad de ofrecer gráficos con calidad» Fuente: Graffica.info
Hoy día, cualquier desarrollo o página web, debe estar completamente adaptado al tráfico móvil, y ser capaz de dar respuesta a todo el tráfico que llegue desde dispositivos que no sean un ordenador. Es, lo que se conoce en este mundo, como diseño responsive. A la hora de diseñar o desarrollar webs tendrás que ser consciente en todo momento de cuál es el resultado de tu trabajo en diversos dispositivos y tamaños de pantalla; con esta finalidad nace Windows Reside, una de las extensiones de Chrome que más útil nos parece.
Podrás adaptar absolutamente todos tus diseños a cualquier dispositivo y, en definitiva, hacer tu web más amigable, esta extensión cambia el tamaño de la ventana de tu navegador para previsualizar el resultado en diferentes resoluciones y tamaños de pantalla. Puedes elegir de una lista de dimensiones populares y predeterminadas o personalizarla con tus propios tamaños y resoluciones.
Figma, una de las mejores herramientas para los diseñadores UX/UI, es una de las herramientas que más utilizamos y más completas y que, sí aún no usas, ya estás tardando en usar. Una de las extensiones más útiles para nuestro trabajo es la extensión de Chrome «HTML to Figma». Utiliza esta extensión para capturar la página que quieras utilizarla como capas de Figma editables…¡Imagina la cantidad de horas de trabajo que ahorrarás con esta extensión.
Algunas de sus funcionalidades más destacadas son:
-Poder importar fácilmente estilos de sitios reales en vivo a la herramienta y utilizarla de partida para diseños y prototipos.
-Convertir rápidamente componentes reales de un sitio web en componentes de diseño.
-Puedes importar una web en vivo como punto de partida para inspirarte en tus bocetos.
¿Cuántas veces has querido grabar tu pantalla para enseñar a alguien cómo hacer algo, cómo configurar una herramienta o por cualquier otro motivo?
¡Ahora es posible con Nimbus! Esta extensión para google Chrome te permite capturar la pantalla completa de una página web o cualquier parte de la misma y editar las capturas, recortarlas y convertirla en archivos mp4 fácilmente descargables.
Una de las extensiones que más utilizamos y de la que más provecho saca nuestro equipo
Esta será la primera parte de una serie de artículos en los que os hablaremos de diferentes extensiones, aplicaciones o herramientas que utilizamos en Digitup.Studio y que podrán ser útiles para vosotros y vosotras. Para más información sobre Digitup y la magnitud de sus proyectos, no dudes en visitar nuestra web.
¡Nos vemos en el próximo artículo!