logo
Dado que la escuela está de vuelta en sesión, 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 para los diseñadores de este mes.
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.
FiltroSS
FiltroSS 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!
Generador de botones
Generador de botones es una herramienta divertida con tantas opciones de botones en un solo lugar. Elija entre tridimensionales, degradados, bordes de sombras, neumórficos, retro, animados, fantasmas, con flechas y más, todo en un solo lugar. Haga clic en el que le guste y el código se copiará directamente en su portapapeles y estará listo para usar en proyectos.
Hoja de trucos de UI: Espaciamiento de amistades
Hoja de referencia de la interfaz de usuario: Espaciamiento de amistades es un enfoque divertido y memorable para averiguar el espaciado. Esta guía muestra qué tan cercanos o lejanos deben estar los elementos basados en círculos de «amigos» con un par de instancias identificables. Es uno de los ejemplos más identificables de este concepto, al tiempo que enfatiza la importancia del espacio en el diseño.
PrettyMaps
PrettyMaps es una biblioteca mínima de Python que le permite dibujar mapas personalizados a partir de datos de OpenStreetMap. Esta herramienta puede ayudarlo a llevar el diseño de mapas en línea al siguiente nivel con imágenes de mapas geniales y únicas. Está basado en bibliotecas osmnx, matplotlib, shapely y vsketch.
Tarjeta.UX / UI
Tarjeta.UX / UI es un generador de estilo de tarjeta con más de 20 plantillas y elementos para crear tarjetas personalizadas. Utilice las herramientas en pantalla para diseñarlo de la manera que desee y luego copie el código para facilitar su uso.
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.
Color de acento CSS
Color de acento CSS puede ayudarte 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 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.
Creador de divisores de forma SVG
Creador de divisores de forma SVG 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, use el CSS y estará listo para comenzar.
Recortador de imágenes
Recortador de imágenes 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 o un plan mensual.
Cubierta de interfaz de usuario
Cubierta de interfaz de usuario 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.
Calificación de estrellas: una solución SVG
Calificación de estrellas: 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 páginas. Este código lo guía a través de la creación de un elemento sin imágenes que es redimensionable, 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.
Diseño de indicadores de enfoque accesibles que cumplan con las WCAG
Diseño de indicadores de enfoque accesibles que cumplan con las WCAG 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 bucales y varitas para la cabeza, por mencionar algunos «.
Subvenciones Blockchain
Subvenciones Blockchain es una herramienta para cualquier persona que desarrolle aplicaciones 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.
Sótano Grotesco
Sótano Grotesco 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.
Campus de rayas
Campus de rayas encaja con nuestro tema de regreso a clases con una apariencia y sensación divertidas y escolares. Las letras de molde tienen un trazo de contorno grueso y una textura en línea divertida.
