En esta ronda de la serie, presentaremos una lista de nuevas bibliotecas, marcos y herramientas que estoy seguro que los desarrolladores y diseñadores de aplicaciones para el usuario apreciarán. Tenemos una nueva herramienta CSS avanzada, una útil herramienta y biblioteca para animación y algunos recursos nuevos para íconos. Saltemos para encontrar la lista completa.
webc
WebC es un Biblioteca JavaScript que hace que el desarrollo de un componente web sea más manejable. No solo puede definir un componente web, sino que también puede expandirlo a un formato HTML básico con convenciones estándar web y generar el CSS con alcance del HTML.
Es compatible con SSR (renderizado del lado del servidor), por lo que puedes usarlo con algunos populares. Marcos SSR como Next.js y Gatsby.
RayoCSS
Lightning CSS es más que un simple minificador de CSS. También le permite escribir CSS estándar de próxima generación, como anidandoconsultas de medios personalizadas, propiedades lógicas y algunos selectores nuevos.
Convertirá automáticamente estas funciones a una sintaxis compatible según las configuraciones de destino de su navegador. Considerándolo todo, es como Babel pero para CSS.
Por qué marco
Una herramienta que te permite desarrollarse de forma aislada. Puede diseñar cada componente de forma independiente, lo que facilita la optimización y encapsulación de problemas sin afectar a otros componentes. Es rápido, flexible y compatible con muchos marcos front-end incluidos Svelte, Vue.js, React.js, Solid.js y React.js.
JSONCrack
JSON hace que los datos sean portátiles entre diferentes lenguajes de programación. Leer JSON también es fácil a menos que haya demasiados allí. Aquí es donde entra JSONCrack.
JSONCrack es un editor en línea que le permite representar la estructura de datos en un gráfico, lo que a cambio hará que sea más fácil escanear y captar los datos. Además de eso, también puedes ajustar el diseño del gráfico, compartirlo e incluso incrustarlo en su sitio web.
Maestro
Maestro es un software que le permite probar su aplicación móvil. Significa que puedes realizar afirmaciones de prueba e interacciones como presionar el botón botón Atrás, desplazarse, deslizar e incluso tomar captura de pantalla. Una herramienta imprescindible instalada para todo desarrollador de dispositivos móviles.
Motionidad
Un libre y Aplicación web de código abierto para componer y editar gráficos en movimiento para desarrolladores.. Es como Adobe After Effects con la facilidad de uso de Canva. Tiene funciones como fotogramas clave, enmascaramiento, filtros y muchas más. Puede descargue la animación como WebM, GIF o simplemente una imagen.
Escala de tipo de fluido
Tradicionalmente utilizamos un tamaño de fuente estático para el sitio web. Pero como medio del sitio web para verlo, necesitamos la capacidad de usar el tamaño de fuente de manera más dinámica para que el contenido se vea bien. Esto ahora es posible solo con CSS y, como su nombre lo indica, esta herramienta facilitará la generación de códigos CSS.
Campo de entrenamiento
un nuevo fuente oficial para aprender Laravel. Esta nueva guía está diseñada para ayudarlo a comenzar más rápido a crear una aplicación funcional con práctica moderna en Laravel. Puede elige tu camino entre usar Vue.js o React.js. En general, creo que esta es una gran fuente para Laravel, ya sea para principiantes o experimentados.
StarbeamJS
Una biblioteca de JavaScript para agregar “reactividad” a su aplicación. Esta reactividad hace que tu Las aplicaciones son más dinámicas y se sienten más fluidas.. Es una biblioteca independiente que funciona con cualquier marco de front-end como React.js, Vue.js y Svelte.
Corsé
Corset es una biblioteca de JavaScript para agregue reactividad a su aplicación sin la complejidad. Funciona de manera similar a jQuery en el sentido de que se vincula directamente a HTML y proporciona una sintaxis expresiva similar a CSS. Dado que funciona solo con HTML, es fácil de elegir, rápido y se puede integrar fácilmente con su aplicación existente.
conjunto de historias
Una coleccion de Ilustraciones gratuitas que puedes utilizar en tu sitio web.. Proporciona ilustraciones sobre diversos temas. Cada ilustración es configurable. Puede personalizar el fondo y el color, ocultar algunas de las propiedades y descargarlo como SVG o PNG.
iconomonstruo
Iconmonstr es un colección de más de 4000 iconos. Otra buena fuente para diseñadores web. Cada ícono tiene un diseño único. También viene en varias variaciones y está disponible en SVG y PNG. Independientemente de la necesidad de la aplicación, estoy bastante seguro de que encontrarás los íconos correctos.
FuenteCompartir
Una práctica herramienta en línea para generar hermosos pares de fuentes. Es gratuito tanto para uso personal como comercial. Podemos seleccionar el tipo de fuente como sans-serif, manuscrita o script. Incluso lo hace más fácil cuando puedes generar el par de fuentes según la “sensación” o “personalidad” de la fuente.
Tostada Sólida
Una biblioteca React.js que le permite agrega hermosas notificaciones de brindis. Es liviano, solo 4kb. Puede personalizar el contenido, los iconos, los colores y los atributos. Es compatible con SSR y proporciona Promise API.
API simulada
Una herramienta online gratuita que proporciona API para recuperar datos simulados para probar su aplicación. Puede encontrar varios tipos de datos como Animales, Países, Monedas, etc.
Reaccionar impresionante revelación
Una biblioteca para React.js que proporciona una conjunto de efectos animados, como animación de rebote, desvanecimiento, volteo, giro, rotación y deslizamiento. Lo utiliza para agregar animaciones reveladoras a sus componentes cuando ingresan a la ventana gráfica del navegador mientras los usuarios se desplazan por la página.
AbiertoMoji
Una biblioteca de Emojis gratuita y de código abierto. Contiene más de 4000 emojis. Admite estándares Emoji estándar y personalizados. También es totalmente compatible con la escala de tonos de piel de Fitzpatrick y múltiples combinaciones de tonos de piel.
Una biblioteca perfecta si quieres proporcione una selección de Emoji en su sitio web o tu aplicación..
Desarrollo web simplificado
A blog que destaca algunas actualizaciones sobre el desarrollo web. Cubre varios temas, incluidos CSS, JavaScript, HTML, React.js, Node.js y más. Esta es una buena fuente para mantenerse al día con el desarrollo web sin sentirse abrumado.
Sistema de diseño para Figma
Una colección de Design System creada en Figma a partir de varios nombres y marcos populares en Internet. Puedes encontrar el sistema de diseño de Uber, Atlassian e incluso de Goldman Sachs. Esta es una joya escondida que todo diseñador debería agregar en el marcador.
Patrón TS
La coincidencia de patrones es una técnica de programación que permite componer condiciones complejas o estructuras de datos en una expresión más corta y legible. Esta técnica está implementada en Haskell, Rust, Swift, Elixir y otros lenguajes. Con esta biblioteca, puedes aplicar la misma técnica en TypeScript.
