Las nuevas herramientas para diseñadores del mes de Septiembre 2021.
Dado que algunos recien vuelven a la escuela, el resumen de este mes tiene un enfoque de aprendizaje. Además de las herramientas, muchos de los recursos incluyen guías, tutoriales y hojas de referencia para facilitar el trabajo de diseño.
Estas son las novedades de este mes para los diseñadores.
ScrollingMockup.io
ScrollingMockup.io genera maquetas de desplazamiento animadas de alta definición en minutos. Todo lo que tiene que hacer es pegar la URL de su sitio web, seleccionar de la galería de plantillas en expansión, agregar algo de música y publicar. Puede crear tres maquetas de forma gratuita, y luego esta herramienta viene con un modelo de suscripción. El modelo de pago permite la creación de marcas personalizadas para maquetas y más.
FilterSS
FilterSS es una colección seleccionada de filtros de imagen CSS para su uso en proyectos. Cargue una imagen, ordene la lista y luego copie el código del filtro que desea usar. ¡Es fácil!
Buttons Generator
PrettyMaps
Card.UX / UI
Couleur.io
Couleur.io es una sencilla herramienta de creación de paleta de colores que le permite elegir un color inicial y crear un esquema a su alrededor. Uno de los mejores elementos de la herramienta podría ser la vista previa rápida, que muestra sus opciones usando la paleta en contexto y en modo oscuro. Consígalo con el aspecto que desee y luego enganche el CSS para usarlo en sus proyectos.
CSS Accent-color
CSS Accent-Color puede ayudarlo a teñir elementos con una línea de CSS. Es un truco que ahorra tiempo y permite una mayor personalización de su marca en los proyectos de diseño de sitios web. Además, funciona igualmente bien en combinaciones de colores claros o oscuros. Admite casillas de verificación, radio, alcance y barras de progreso.
Vytal
Vytal muestra qué rastros deja su navegador mientras navega por la web. Este escaneo le permite comprender lo fácil que es identificar y rastrear su navegador incluso cuando usa el modo privado. Además, busca huellas digitales, conexiones e información del sistema.
Imba
Imba es un lenguaje de programación para la web que está hecho para ser rápido. Está repleto de etiquetas de sintaxis que ahorran tiempo y un DOM memorizado. Todo se compila en JavaScript, funciona con Node y npm, y tiene un rendimiento asombroso. Si bien el idioma todavía está en desarrollo activo, la comunidad que lo rodea es bastante activa y está creciendo.
SVG Shape Dividers Creator
SVG Shape Dividers Creator es una herramienta que te permite crear formas interesantes con SVG para que tus colores y fondos no siempre sean rectángulos. Puede ajustar un lado, cambiar el color, el eje y voltearlo o animarlo. Luego enganche el CSS y estará listo para comenzar.
Image Cropper
Image Cropper es una herramienta que te permite recortar y rotar imágenes usando el complemento flutter. Funciona para Android e IOS.
Noteli
Noteli es una aplicación de notas basada en CLI que utiliza TypeScript, MongoDB y Auth0. La herramienta acaba de salir de la versión beta.
Yofte
Yofte es un conjunto de componentes para Tailwind CSS que lo ayudan a crear excelentes tiendas de comercio electrónico. El kit de interfaz de usuario está repleto de componentes con diseños limpios y coloridos que se pueden personalizar. El código es fácil de exportar y limpiar. Este kit premium viene con una licencia de por vida. Si necesitas ayuda, pide apoyo en Marketing Digital
UI Deck
UI Deck es una colección de plantillas de página de destino, temas y kits de interfaz de usuario gratuitos y premium para varios proyectos. Este es un recurso premium con acceso pago a todas las herramientas. Incluye acceso a más de 80 plantillas.
Rating Stars
Rating Stars: una solución SVG es un tutorial que resuelve un dilema de diseño común: cómo crear excelentes íconos de calificación de estrellas para las páginas. Este código lo guía a través de la creación de un elemento sin imagen cuyo tamaño se puede cambiar, es accesible, incluye estrellas parciales y es fácil de mantener con CSS. Es una gran solución para una necesidad de diseño común.
Designing Accessible WCAG-Compliant Focus Indicators
Designing Accessible WCAG-Compliant Focus Indicators es otra guía / tutorial conveniente para una aplicación diaria. He aquí por qué es importante: “Al diseñar e implementar indicadores de enfoque accesibles, podemos hacer que nuestros productos sean accesibles para los usuarios de teclado, así como para los usuarios de tecnología de asistencia que funciona a través de un teclado o emula la funcionalidad del teclado, como control por voz, controles de interruptores, palos en la boca y varitas para la cabeza, por mencionar algunos “.
Blockchain Grants
Blockchain Grants es una herramienta para cualquier persona que desarrolle aplicaciones de blockchain y necesite financiación. Es una base de datos de subvenciones de una variedad de organizaciones para diferentes aplicaciones. Empiece a buscar en este recurso gratuito que le ayudará a obtener fondos adicionales para sus proyectos.
Basement Grotesque
Basement Grotesque es una hermosa losa con un gran peso y mucho carácter. Hay 413 caracteres en el conjunto con muchos acentos, números y mayúsculas variables.
Gadimon
Gadimon es un guión en capas divertido, casi al estilo de un cómic. El paquete de fuentes incluye un estilo regular y extruido.
Lagom
Lagom es un tipo de letra serif elegante y funcional con 16 estilos en la familia robusta, desde ultraligero hasta cursiva extra negrita. Es legible y tiene mucha personalidad.
Striped Campus
Striped Campus se adapta a nuestro tema de regreso a la escuela con una apariencia divertida y escolar. Las letras de molde tienen un trazo de contorno grueso y una textura en línea divertida.
Puedes encontrar el articulo original aqui: Web Designer Depot
