¡Bienvenido a la última edición de nuestro resumen mensual de recursos! Hemos seleccionado cuidadosamente una variedad de recursos que van desde bibliotecas de interfaz de usuario hasta fuentes y fondos de pantalla. Su objetivo es despertar la creatividad en nuestros colegas diseñadores y agilizar el proceso de desarrollo web para nuestros pares desarrolladores. Entonces, sin más demora, exploremos la lista completa.
Analizador JSON
Esta es una biblioteca PHP sin dependencias, diseñada para leer de manera eficiente grandes datos JSON de una variedad de fuentes. Admite cadenas, matrices, rutas de archivos, transmisiones, URL de puntos finales de API y más. La biblioteca incluso permite la implementación de fuentes personalizadas que no son compatibles de forma predeterminada.
Fondos de pantalla de Microsoft
En el reciente evento Microsoft Build 2023, el equipo de diseño de Microsoft presentó una colección de 16 fondos de pantalla 4K gratuitos. Son ideales para usuarios con monitores de alta resolución y ofrecen una experiencia visualmente atractiva e inmersiva, especialmente para desarrolladores de software.
Panda CSS
PandaCSS es un marco CSS-in-JS que ofrece una solución CSS-in-JS escalable y con seguridad de tipos para desarrolladores web. Le permite escribir estilos directamente en sus archivos JS, que luego se pueden extraer durante el tiempo de compilación. También admite la configuración de tokens de diseño de alto nivel para la creación de temas y proporciona autocompletado seguro para ayudar a evitar errores comunes y aumentar la productividad.
Galería de caras libres
Este sitio web muestra una colección seleccionada de tipos de letra con licencias gratuitas de todo Internet. Cuenta con una amplia gama de estilos de fuente, incluidas fuentes cursivas, display, monoespaciadas, serif, sans-serif y slab. Estas fuentes pueden mejorar la apariencia de su sitio o simplemente brindarle inspiración.
Interfaz de usuario de NuxtLabs
NuxtLabs UI ofrece una solución de interfaz de usuario integral para aplicaciones Nuxt. Incluye componentes, íconos, colores, compatibilidad con modo oscuro y atajos de teclado. Construido con Interfaz de usuario sin cabeza y Tailwind CSS, proporciona compatibilidad con HMR, iconos incluidos y escritura completa para una experiencia de desarrollo mejorada.
Intel Uno Mono
Intel One Mono es una familia de fuentes monoespaciadas diseñada específicamente para desarrolladores. La familia de fuentes incluye cuatro pesos: Ligero, Regular, Medio y Negrita, cada uno con cursiva a juego. Admite más de 200 idiomas que utilizan la escritura latina.
Amor de aterrizaje
Landing.love es una muestra curada de las mejores animaciones aplicadas a sitios web. Presenta los mejores ejemplos de páginas de destino y proporciona inspiración para crear diseños de páginas de destino hermosos y efectivos.
CSS moderno para arquitectura dinámica basada en componentes
A medida que más y más sitios web se crean con arquitectura basada en componentes, este artículo explora las últimas características y mejoras en CSS con un enfoque en temas, diseños responsivos y diseño de componentes. Incluye ejemplos de organización de código, técnicas de diseño como consultas de cuadrícula y contenedor, y otros ejemplos del mundo real.
QNM
QNM es una herramienta de línea de comandos diseñada para consultar el directorio. Ofrece una forma rápida de comprobar las versiones de los módulos sin las limitaciones de soluciones similares como npm list. QNM se centra en ofrecer sólo la información relevante del módulo y admite tanto y .
Castor
Castor es una herramienta de comando o ejecución de tareas basada en PHP que mejora la experiencia del desarrollador. Simplifica el manejo de entradas, admite la función de autocompletar, ejecuta procesos sin problemas, permite el procesamiento paralelo, activa acciones sobre modificaciones de archivos, proporciona notificaciones personalizables y ofrece registro. Castor puede reemplazar herramientas como los scripts Makefile y Shell.
LimónSqueezy Laravel
El paquete LemonSqueezy Laravel agiliza el proceso de integración de su aplicación Laravel con Lemon Squeezy. Este paquete le permite configurar pagos para sus productos y permitir que los clientes se suscriban a sus planes de productos. También gestiona funcionalidades como períodos de gracia, pausa de suscripción y pruebas gratuitas, lo que hace que el proceso de configuración sea sencillo.
LottieFiles Figma
El complemento LottieFiles Figma permite a los diseñadores exportar sus diseños Figma como animaciones Lottie con facilidad. Mejora el flujo de trabajo al conectar directamente Figma y LottieFiles. Este útil complemento puede aumentar la productividad tanto de los diseñadores como de los desarrolladores cuando trabajan con animaciones.
Lista de verificación del sistema de diseño
El sitio web Design System Checklist ofrece una lista de verificación exhaustiva para diseñar e implementar un sistema de diseño. Cubre varios aspectos como tipografía, colores, espaciado, componentes, accesibilidad, documentación y control de versiones. Este recurso ayuda a los diseñadores y desarrolladores a crear experiencias fáciles de usar y procesos de desarrollo optimizados.
Luz de las estrellas astro
Starlight es una herramienta para crear documentación con el marco astro. Proporciona funciones esenciales como navegación del sitio, búsqueda, internacionalización, SEO, tipografía, resaltado de código, modo oscuro y más. También admite varios lenguajes de marcado, lo que le permite utilizar marcos como React, Vue, Svelte, Solid y otros.
alf
Alf es un sistema de reserva de entradas diseñado para eventos como conferencias, ferias comerciales, talleres y reuniones. Al ser gratuita, de código abierto y autohospedada, es una plataforma ideal para los organizadores que buscan privacidad, seguridad y políticas de precios justos para los asistentes.
Claro
Clear es un motor de búsqueda de imágenes único que opera completamente en el lado del cliente, eliminando la necesidad de un servidor backend. No almacena imágenes ni crea índices de búsqueda, lo que ofrece un nuevo enfoque para la búsqueda de imágenes al tiempo que garantiza la privacidad y elimina las necesidades de almacenamiento de datos.
Automático
Automatisch es una herramienta de automatización empresarial que integra servicios como Twitter y Slack para optimizar los flujos de trabajo. Puede ejecutarse en sus propios servidores para mejorar la privacidad y el cumplimiento del RGPD. Automatisch simplifica la automatización sin necesidad de conocimientos de programación ni costes elevados, y sin dependencia de un proveedor.
Siguiente.js Drupal
Next.js para Drupal le permite crear una interfaz avanzada para su sitio web Drupal. Admite varios métodos de representación de páginas, incluidos SSG, SSR y regeneración estática incremental (ISR). También es compatible con las funciones integradas de Drupal, como funcionalidad multisitio, autenticación, formularios web, API de búsqueda, internacionalización (i18n) y modo de vista previa. Funciona perfectamente con JSON:API y GraphQL, proporcionando una experiencia de desarrollo sólida y flexible para los usuarios de Drupal.
Progreso del día
Day Progress es una aplicación de macOS que muestra visualmente el tiempo restante de su día a través de un ícono en la barra de menú. Le permite personalizar las horas de inicio y finalización de su día y elegir entre una barra o pastel de progreso, o una visualización de porcentaje. Sirve como un recordatorio útil para mantenerse motivado y gestionar su tiempo de forma eficaz.
Bóveda variante
Variant Vault es un recurso que proporciona una colección de animaciones y variantes elegantemente diseñadas, gratuitas y de fácil acceso creadas con Framer Motion. Sirve como una herramienta útil para los desarrolladores que buscan enriquecer sus proyectos con animaciones prediseñadas y estéticamente agradables.
