10 librerías de Javascript y CSS para este julio

Nuestra misión en programacion.net es mantenerte al día con las últimas y más frescas tendencias en el desarrollo web. Es por eso que todos los meses te mostramos una colección cuidadosamente seleccionada, de algunos de los mejores recursos con los que me he topado en Internet y que considero dignos de tu atención. Nuestra lista para este julio de 2019 incluye alucinantes librerías gratuitas, échales un ojo...

CSS Wand

Gran colección de componentes personalizables en CSS como spinners para mostrar una carga, botones animados y demás... Son muy fáciles de utilizar, solo tienes que copiar un fragmento de CSS y pegarlo en tu proyecto. Además, el código es tan limpio que con unos simples retoques adaptarás el componente a tus necesidades.

Barba.js

Pequeña librería de Javascript para crear transiciones fluidas entre páginas web. Mediante una pequeña configuración podrás convertir un sitio web estático y simple, en una aplicación alucinante. Ayuda también a reducir la carga entre páginas, minimiza las solicitudes HTTP y, por supuesto, mejora la experiencia del usuario.

Freezeframe

Pequeña librería de Javascript que te permite controlar la reproducción de GIFs animados. Puedes iniciar y pausar los GIFs cuando el usuario haga hover, cuando haga clic o cuando haga scroll. Para ello utiliza un canvas para dibujar cada uno de los frames, por eso es tan eficaz.

URL Pages

Prueba experimental que agrupa todo el contenido de una página (incluidos HTML, CSS y JS) y lo almacena en una URL. Mediante esto se puede crear una página web que se pueda compartir y editar al instante y que cualquier persona que tenga el enlace en su posesión, pueda ver. Incluye un constructor donde poder hacer tus propias páginas URL.

VerbalExpresion

Librería de Javascript que te ayuda a crear expresiones regulares. Cuenta con métodos encadenables para la mayoría de operaciones RegEx, permitiendo a los desarrolladores excribir reglas complicadas sin tener que recurrir a documentación y demás.

Spotlight

Galería lightbox en Javascript que es completamente plug&play. Solo tienes que incluirla en tu página vía CDN o el bundler JS de tu elección, crear el diseño de la galería y voilà: ¡A funcionar!. No necesitas código adicional, CSS o dependencias.

Mavo

Lenguaje basado en HTML para crear sitios web sin necesidad de código. Este proyecto hacer posible crear pequeños sitios web sin tener que recurrir a JS o a lenguajes del lado del servidor. También se puede utilizar para llevar a cabo interfaces de usuario de manera rápida y sencillo y no perder mucho tiempo.

Scene.js

Scene.js es una librería de animación basada en timeline con toneladas de funciones alucinantes. Puede ser ejecutada tanto en JS, como en CSS. Soporta animaciones SVG, múltiples timelines, y viene con un montón de efectos por defecto que puedes utilizar sin problema.

Just

Una librería de MicroSoft que te ayuda con la organización de tareas en tus proyectos Javascript. Incluye presets para TypeScript, Webpack y otros.

Mark.js

Esta es una biblioteca de JavaScript que resalta dinámicamente palabras que coinciden con términos de búsqueda o expresiones regulares. Cuenta con soporte para diacríticos, búsqueda de palabras por separado, sinónimos, iframes, filtros personalizados y mucho más. Puede utilizarse en JavaScript normal o como plugin de jQuery.