26 nuevas y emocionantes herramientas para diseñadores, mayo de 2021

Desde herramientas de desarrollo hasta productividad y un poco de diversión con sudoku, la colección de nuevas herramientas de este mes está repleta de opciones para todos.

Estas son las novedades para los diseñadores de este mes.

Las mejores selecciones de mayo

¿ESTOY FLOCADO?

¿ESTOY FLOCADO? Es una herramienta para ver si forma parte de una prueba de origen de Google Chrome. Prueba una nueva función de seguimiento llamada aprendizaje federado de cohortes (FLoC). Según Google, la prueba afecta actualmente al 0,5% de los usuarios en regiones seleccionadas, incluidas Australia, Brasil, Canadá, India, Indonesia, Japón, México, Nueva Zelanda, Filipinas y Estados Unidos. La página intentará detectar si te han convertido en un conejillo de indias en el experimento de tecnología publicitaria de Google.

Según los diseñadores de Am I FloCed: “FLoC se ejecuta en su navegador. Utiliza tu historial de navegación de la semana pasada para asignarte a un grupo con otras personas “similares” en todo el mundo. Cada grupo recibe una etiqueta, llamada FLoC ID, que se supone que captura información significativa sobre sus hábitos e intereses. Luego, FLoC muestra esta etiqueta a todas las personas con las que interactúa en la web. Esto hace que sea más fácil identificarte con las huellas digitales del navegador y les da a los rastreadores una ventaja para perfilarte “.

Sin cortar

Sin cortar es un catálogo de tipos de letra Libre que acaba de comenzar en abril. Cuenta con tipos de letra y estilos contemporáneos y está configurado para actualizarse con regularidad. Ordene por tipo de letra sans serif, serif, monoespacio o de visualización. Además, puede enviar un tipo de letra para su inclusión.

Dashblock

Dashblock le permite crear automatizaciones sin codificación. Úselo para crear automatizaciones visuales o convertir bloques en casos de uso. (Es una herramienta premium, pero viene con una prueba gratuita de 14 días para probarla).

Instante

Instante es una herramienta de pago rápida y segura con un solo clic que funciona con WooCommerce. Los usuarios completan un breve formulario la primera vez que compran y luego se unen a la red para permitir pagos instantáneos, sin fricciones, con 1 clic y sin contraseñas. Facilita las compras y corta los carritos abandonados.

5 herramientas de imagen

Triangula

Triangula utiliza un algoritmo genético modificado para triangular imágenes. Funciona mejor con imágenes de menos de 3000px y con menos de 3000 puntos, por lo general produce un resultado óptimo en un par de minutos. El resultado es una imagen de aspecto ingenioso.

Cambio de tamaño de imagen según el contenido en Javascript

Cambio de tamaño de imagen según el contenido en Javascript resuelve ese problema con imágenes en las que tienes una foto pero no encaja del todo. Un cultivo no funciona porque pierde información importante. El tallador corta y corta fotos para darle los elementos de imagen que desea en el tamaño que desea. Probablemente sea una buena idea leer el tutorial antes de saltar al código de fuente abierta en GitHub.

Diseño Globs

Diseño Globs usa alternar y arrastrar y soltar para ayudarlo a crear formas y rellenos originales que puede guardar en formato SVG para proyectos.

Rebanada Ilustraciones

Rebanada Ilustraciones es un elegante conjunto de ilustraciones basadas en personas que puede personalizar para crear escenas para sus proyectos. Construya una escena y luego enganche su conjunto de gráficos vectoriales que también funcionan con Sketch y Figma. El conjunto incluye 24 caracteres, más de 100 detalles y la capacidad de cambiar colores y estilos.

Haz tu foto 16 × 9

Make Your Photo 16 × 9 es tan simple como parece. Es una herramienta de recorte que le permite cargar cualquier forma de foto, incluso vertical, y elegir opciones para llenar el espacio y ajustarlo a la relación de aspecto estándar de 16 × 9.

6 herramientas de desarrollo

Devbook

Devbook es un motor de búsqueda para desarrolladores que les ayuda a encontrar los recursos que necesitan y responder a sus preguntas más rápido. Rápido, accesible desde un editor de código y totalmente controlable con solo un teclado.

Madosel

Madosel es un marco de trabajo de front-end HTML rápido y avanzado que se encuentra en una versión alfa. La herramienta de código abierto está diseñada para crear sitios web y aplicaciones que se ven geniales en cualquier dispositivo. Además, es semántico, legible, flexible y personalizable.

Saluda a las consultas de contenedor CSS

Saluda a las consultas de contenedor CSS ayuda a resolver un problema con las consultas de medios y el apilamiento inteligente de elementos. Las consultas de contenedor CSS le permiten crear un componente fluido que se ajusta en función del elemento principal y todo es independiente del ancho de la ventana gráfica. Esta publicación le explica todo lo que necesita hacer para implementarlo usted mismo.

Kit de herramientas de frontend

Kit de herramientas de frontend es un panel personalizable que puede usar para mantenerse al día con las tareas recurrentes. Es una de esas pequeñas herramientas que pueden acelerar los flujos de trabajo.

Archivo plano

Archivo plano es un importador listo para producción para aplicaciones SaaS. Le permite formatear automáticamente las hojas de cálculo de los clientes sin la limpieza manual de datos y puede hacerlo todo sin un analizador CSV. La herramienta también incluye un elegante componente de interfaz de usuario para guiar a los usuarios a través del proceso.

Plásmico

Plásmico es un creador de sitios web visual que funciona con su base de código. Está diseñado para acelerar el desarrollo con los desarrolladores que se centran en el código (no en la inserción de píxeles) y permite a los no desarrolladores publicar páginas y contenido. La herramienta premium funciona con cualquier hosting, CMS o framework y puedes adaptarlo por componente, sección o página.

2 herramientas de productividad

Calendso

Calendso es una herramienta de programación de calendario de código abierto. Es flexible con la capacidad de alojarlo usted mismo o con los creadores del calendario. Está impulsado por API y le permite controlar eventos e información. La interfaz es simple y elegante y puede integrarse en su sitio web.

Slidev

Slidev es un conjunto de diapositivas de presentación para desarrolladores. Lo diferente de esta plataforma de presentación es que puede escribir diapositivas en un solo archivo de rebajas con temas, bloques de código y componentes interactivos.

4 iconos y kits de interfaz de usuario

Icónico

Icónico es un conjunto de íconos con píxeles perfectos que se actualiza cada semana. La colección de elementos de 24 × 24 px en formato SVG contiene 160 iconos y contando. El estilo simple es fácil de implementar y puede buscar justo lo que necesita por categoría.

5 plantillas de tablero para Figma

5 plantillas de tablero para Figma es un conjunto de pantallas gratuitas listas para usar con modos claros y oscuros para cada una que puede usar con componentes como calendarios, gráficos, tablas y más. Los elementos gratuitos son una vista previa de un conjunto de Figma premium más grande si te gusta cómo se ven y funcionan.

Kit de interfaz de usuario de chat móvil gratuito

Kit de interfaz de usuario de chat móvil gratuito es una herramienta de componentes para Sketch, Figma y Adobe XD que incluye más de 50 pantallas de mensajería con modos claro y oscuro.

Kit de diseño de interfaz de usuario de Stratum

Kit de diseño de interfaz de usuario de Stratum es una colección de más de 9.000 elementos consistentes para Figma. Está repleto de elementos y herramientas que hacen de este kit de interfaz de usuario premium una herramienta que hace que los proyectos se muevan rápidamente.

4 herramientas de texto y fuentes nuevas

Tipografía fluida

Tipografía fluida es una herramienta ingeniosa que le permite probar títulos de cualquier tamaño en diferentes ventanas gráficas para asegurarse de que se vea bien en todas partes. Luego puede copiar el CSS y usarlo en sus proyectos.

Ochenta y ocho

Ochenta y ocho es un tipo de letra estilo bloque funky para uso en pantalla.

Harmonique

Harmonique es una familia tipográfica robusta con preciosas serifas y alternativas. Es una familia tipográfica de dos estilos que trabajan en armonía para agregar distinción y personalidad a sus propias composiciones tipográficas. Las formas de bajo contraste de Harmonique tienen el atractivo de un tipo de letra sans serif humanista.

Sketchup

Sketchup es un tipo de letra de pantalla encantador que tiene un bonito estilo de bolígrafo. La versión gratuita tiene un juego de caracteres limitado.

Solo por diversión

Generación y resolución de sudokus en CSS

Generación y resolución de sudokus en CSS de Lee Meyer para CSS-Tricks es una inmersión profunda y divertida en el uso de CSS para algo que quizás no esperabas. Es complicado, pero divertido, ver algunas de las cosas que CSS puede hacer con muchos fragmentos de código. El resultado final es un rompecabezas con solución de 16 cuadrados.

Deja un comentario