UmbrellaJS es su alternativa a jQuery

La biblioteca jQuery de código abierto ha dominado el desarrollo web durante años. Sigue siendo uno de los recursos más confiables para JavaScript, pero hay una nueva biblioteca en la ciudad llamada UmbrellaJS .

Umbrella también es completamente de código abierto y ofrece muchas de las mismas funciones, incluidos los selectores de elementos, la manipulación DOM y las solicitudes AJAX.

Umbrella JS funciona casi exactamente como jQuery excepto con diferentes llamadas de sintaxis y funciones . Entonces, si Umbrella está tan cerca de jQuery, ¿cuál es el beneficio de usarlo?

Bueno, Umbrella pretende ser una biblioteca mucho más pequeña que jQuery y solo es para la manipulación DOM . Y, sinceramente, esta biblioteca es súper compacta en comparación con jQuery.

La biblioteca completa de Umbrella.js tiene unos 4 KB no minificados . ¡La última versión de jQuery tiene un total de más de 250 KB ! Entonces, si estás buscando una versión simplificada de jQuery, Umbrella será más rápido de cargar e igual de fácil de usar .

La documentación en línea ofrece una lista de todas las funciones y parámetros que puede pasar a esas funciones. Es la guía completa de Umbrella y se actualiza constantemente .

Afortunadamente, muchas características jQuery similares se imitan a través de Umbrella, por lo que la sintaxis es muy fácil de leer . Por ejemplo, el método on() es el mismo y puede pasar todos los mismos oyentes de eventos como click o hover .

La mayor diferencia es que los selectores de Umbrella utilizan el método u() lugar del común $() de jQuery. Aquí hay un ejemplo de código que activa un cuadro de alerta cuando alguien hace clic en un botón con la clase .button .

 u ("botón"). on ('clic', función () {alerta ("Hola mundo");}); 

Es un ejemplo simple pero ilustra perfectamente el valor de Umbrella.

Para ver una demostración en vivo, consulte este bolígrafo que ofrece una selección de campo de entrada de muestra . Todo el código de salida se muestra en la pantalla . También puede estudiar el código fuente de Umbrella JS para ver cómo funciona.

Para obtener más información sobre Umbrella, consulte el sitio web oficial o mire el código fuente en vivo en el repositorio de GitHub .

Empaquetado interactivo: 15 ejemplos inteligentes que debe verificar

Nuestras opciones de embalaje evolucionan constantemente. Hoy, sin embargo, la creatividad reina más que nunca . Las personas anhelan algo diferente, ya sea a través de actividades, declaraciones únicas o humor.Aquí es donde intervienen los empaques interactivos. Los empaques interactivos no solo están bien diseñados en el ámbito visual, sino que también cumplen una función tal como el entretenimiento o la funcionalidad . Como su

(Consejos de tecnología y diseño)

Wing - Los diseñadores web minimalistas de Framework CSS quieren

El ecosistema frontend está lleno de marcos de código abierto creados para mejorar su proceso de desarrollo. Por lo general, todos quieren algo diferente de estos marcos; algunas personas buscan estética mientras que otras quieren velocidad o usabilidad .Wing es un framework más nuevo y el mejor amigo de un minimalista. Vi

(Consejos de tecnología y diseño)