El desarrollo es el foco de la colección de nuevas herramientas y recursos de este mes. Casi todas las herramientas aquí hacen que el desarrollo sea un poco más fácil, más rápido o simplemente divertido. Existen excelentes guías para ayudarlo a entrar en el espíritu de cosas y métodos nuevos.
Esto es lo nuevo para los diseñadores este mes…
Contenido del Articulo
Criptofuentes
Cryptofonts es una enorme biblioteca de iconos de código abierto que representa las criptomonedas. Hay más de 1500 elementos CSS y SVG en la colección. Cryptofonts incluye todos los íconos vectoriales escalables que puede personalizar en tamaño, color, sombra o cualquier otra opción. Trabajan con Sketch, Photoshop, Illustrator, Adobe XD, Figma e Invision Studio y no utilizan JavaScript.
Colores razonables
Reasonable Colors es un sistema de color de código abierto para crear paletas de colores hermosas y accesibles. Los colores se construyen utilizando una tabla codificada. Cada color viene en seis tonos numerados. La diferencia entre sus números de sombra puede inferir el contraste entre dos sombras cualesquiera. Las diferencias corresponden a las relaciones de contraste WCAG para ayudarlo a crear una paleta accesible. Es un proyecto inteligente y una herramienta valiosa si está trabajando en proyectos donde el contraste de color y la accesibilidad son importantes (que son todos ellos).
Mel.ist
Chalk.ist es una herramienta divertida que hace que sus fragmentos de código se vean increíbles. Agregue su código (hay una amplia variedad de idiomas), elija algunos colores y fondos, y luego súbalo como una imagen para compartir. ¡Tu código nunca se había visto tan hermoso!
semana por hacer
WeekToDo es un planificador semanal minimalista y gratuito. Aumenta tu productividad definiendo y gestionando tu semana y tu vida de forma fácil e intuitiva. Además, esta herramienta se enfoca en la privacidad de los datos que se almacenan en su computadora (en su navegador web o aplicación). La única persona que tiene acceso a ella eres tú.
Bio.Link
Bio.Link es una herramienta que recopila todos sus enlaces, desde redes sociales hasta publicaciones de blog y cualquier otro enlace que desee compartir. Es gratis, incluye 15 temas de diseño, estadísticas de visitantes y es muy rápido.
espaciadores
Los divisores son un conjunto de espacios 3D que se pueden utilizar en proyectos. Los personajes están en múltiples poses y en ultra alta definición para jugar.
11
11ty es un generador de sitios web estáticos muy simple. Pruébelo para proyectos pequeños y lea la documentación para ver todo lo que puede hacer con esta herramienta.
Scrolllex
Scrollex es una biblioteca receptiva que le permite crear hermosas experiencias de desplazamiento con un código mínimo. Puede crear animaciones de desplazamiento en todo tipo de combinaciones: vertical, horizontal, casi cualquier cosa que desee. La documentación es interesante y fácil de entender si vas a ver cómo funciona.
obtener cámara
GetCam es una aplicación que le permite convertir su teléfono inteligente en una cámara web para su computadora. Funciona con cualquier iPhone y computadora Mac o Windows. Funciona con la mayoría de las herramientas de transmisión y videoconferencia, así como con las aplicaciones de navegador.
archivo plano
Flatfile es una plataforma de carga de datos que analiza intuitivamente los datos desordenados importados por los clientes y los convierte al formato en el que confía. No más hojas de cálculo confusas o tener que crear su propia herramienta.
Cargadores
Loaders es una colección de cargadores y spinners gratuitos para proyectos web. Se crean usando HTML, CSS y SVG y están disponibles para React y copypasta.
Léxico
Lexical es un marco de editor de texto web JavaScript extensible que se centra en la confiabilidad, la accesibilidad y el rendimiento. Está diseñado para desarrolladores, por lo que puede crear fácilmente prototipos y crear funciones con confianza. Combinado con una arquitectura extensible, Lexical permite a los desarrolladores crear experiencias de edición de texto únicas que escalan en tamaño y funcionalidad.
Imágenes perfectas con elemento img moderno
Este tutorial es un ejemplo de por qué el elemento img es una herramienta tan poderosa en su caja de desarrollo. Las imágenes son tan prominentes que forman parte del contenido más importante en más del 70% de las páginas tanto en dispositivos móviles como de escritorio, según la métrica de contenido más grande. En esta publicación, aprenderá cómo optimizar mejor y mejorar las métricas clave de la vida web al mismo tiempo.
Creación de una cuadrícula combinada CSS-Aspect-Ratio-Grid
Creación de una cuadrícula combinada CSS-Aspect-Ratio-Grid ofrece dos soluciones para crear un efecto de encabezado. Puede definir la relación de aspecto de la fila o usar Flexbox con un poco de magia de flexibilidad. Aprende a probar en ambos sentidos.
QIndR
QIndR es un generador de códigos QR para eventos y citas. El formulario está diseñado para recopilar información sobre su evento, por lo que puede crear y usar rápidamente un código QR para los listados, ¡e incluso permitir que los usuarios lo agreguen a sus calendarios! Es súper rápido y fácil de usar.
Animar texto repetido en desplazamiento
Animación de repetición de texto en desplazamiento muestra cómo crear una animación de desplazamiento que muestre partes repetidas de un elemento de texto grande. Este es un tutorial divertido y fácil que puedes usar ahora mismo.
ocho colores
Eight Colors no hará nada por tu productividad, pero es un juego divertido que quizás no puedas dejar de jugar. Este es un juego de cambio de bloques en el que el objetivo es mover bloques para alcanzar un objetivo determinado.
vendimia creativa
Creative Vintage es un par de fuentes que incluye una fuente delgada y un mosaico vintage serif (con estilos ásperos y suaves). El par está diseñado para trabajar juntos para diferentes propósitos o se puede usar de forma independiente.
duro
Hardbop es una tipografía de estilo vintage con una fuerte personalidad. Es genial para exhibir, y la familia incluye siete conjuntos completos de personajes.
Kocha
Kocha es una fuente de estilo de ligadura elegante, perfecta para elementos de diseño más ligeros, incluidos logotipos o empaques. Incluye versiones limpias y rugosas.
Incrementar
Magnify es una gran familia de fuentes con 16 estilos y muchas opciones divertidas. Puede usarlo solo o con estilos más elegantes que crean formas de caracteres menos tradicionales.
Apilador
Stacker es un tipo de letra de triple contorno divertido y futurista. Úselo para exhibir cuando realmente quiera impresionar.
