Herramientas que debes conocer como maquetador web
Hola, mi nombre es Luis Manuel Yerena 🧞♂️, pertenezco al equipo de UI Development & Integration de DigitalWolves.
En mi experiencia como maquetador web he ido incorporando el uso de herramientas que facilitan el trabajo diario y aumentan la productividad al máximo. Algunas un tanto más útil que otras, ya me diréis que les parecen.
Es una herramienta te permite la creación de elegantes bordes a través de una interfaz visual muy sencilla, de seguro te será muy útil si deseas crear formas un tanto inusuales.
Neumorphism.io
Neumorfismo es un juego de palabras basado en New + Skeuomorphism. Es un estilo que utiliza desenfoque, ángulo e intensidad de la sombra de un objeto para resaltarlo. Es un diseño realista, futurista, moderno, atractivo y extremadamente impresionante debido a su suave sombra y apariencia general.
Es cierto que no es lo más habitual encontrarse con este tipo de diseños en el uso real, ya que tienen muchos problemas de accesibilidad, pero esto ya es tema para otro artículo. Aun así, si tu intención es llevar a cabo un proyecto con este estilo de seguro esta herramienta te ayudará a conseguirlo.
Esta herramienta en lo personal la utilizo bastante, desde su interfaz se hace muy sencilla la creación de fantásticos gradientes y te ahorra tener que escribir tanto CSS. También desde su sitio se puede acceder a otros recursos relacionados.
Esta herramienta permite crear fondos de este estilo con gran facilidad
¿Qué es el Glassmorphism?
Básicamente, el concepto principal de esta tendencia es un fondo semitransparente, con una sombra y borde sublimes, además de añadir un desenfoque al fondo.
Esta parece mucho más prometedora que el Neumorphism, aunque también tiene sus contras debido a la incompatibilidad con Internet Explorer 11 y en Mozilla Firefox viene deshabilitada por defecto.
Aun así, de acuerdo con los datos de caniuse.com ya más del 89% de los navegadores en el mundo son compatibles con este estilo.
Por si queréis echarle un ojo, les dejo por aquí una nueva librería de componentes con este estilo que está a punto de ser lanzada oficialmente y también cuentan con su propia herramienta de Glassmorphism Generator. UIGlass.
Si eres de los que llegan hasta el final he dejado lo mejor para este momento. Responsively App a mi criterio es una excelente herramienta que aumenta nuestra productividad cuando de diseño responsive se trata. Cada día, es más complejo lograr que todo se vea perfecto en todos los dispositivos debido a la gran variedad que hay actualmente en el mercado.
Responsively es una aplicación nativa desarrollada con Electron y está disponible su descarga de manera gratuita para Mac, Windows y Linux. Es una especie de navegador que te permite visualizar simultáneamente todas las resoluciones de pantalla para los diferentes dispositivos que selecciones. También tiene un evento de reflejo que replica todas las acciones que realizas sobre un dispositivo a todos los demás, lo que permite que veas tus cambios al instante. También puedes inspeccionar directamente el código desde ahí. A mí me ha ahorrado mucho tiempo y dolores de cabeza.
Seguramente existen muchísimas más que valdría la pena mencionar aquí, que podrían aportarnos mucho en el día a día.
Espero que alguna de las escogidas les ayude a mejorar y ahorrar tiempo en su trabajo como maquetadores web.
