Os traigo una galería con más de 100 cargadores (spinners) gratis en SVG animados.

• Visita la galería

Leaflet es una librería JavaScript de código abierto, compatible con dispositivos móviles, de solo 42 KB y que cuenta con todas las características necesarias para un desarrollador que quiera incrustar un mapa interactivo en su web. Con 3 objetivos por bandera: simplicidad, rendimiento y usabilidad, Leaflet es compatible con la mayoría de las plataformas y navegadores. Además de contar con numerosos plugins desarrollados por la comunidad, también despliega una extensa documentación de la API.

Si queremos mostrar sugerencias de un elemento en nuestra web, lo mejor es recurrir a globos emergentes de información, lo que -comúnmente- llamamos un Tooltip. Existen numerosos códigos (scripts) para integrar dicha funcionalidad en nuestro sitio. Este me ha gustado especialmente, muchísimas funcionalidades, rápido de cargar, con temas… ¡Creo que no le falta de nada!

Visitar web oficial Tippy.js

Chart JS es una forma simple y flexible de añadir gráficas a tu página web. Gracias a canvas y javascript, podrás insertar todo tipo de diseños. Rápido, gratis, responsive y cuenta con animaciones. No se puede pedir más. Échale un ojo a las demos, si todavía no estás convencido.

Cada vez utilizamos menos Javascript para hacer animaciones. CSS está conquistando, en este aspecto, más y más terreno. Las ventajas son evidentes: implica menos peso de descarga y mayor velocidad. Para aquellos que todavía no estéis familiarizados con las animaciones en CSS, no hay nada mejor que ver ejemplos prácticos de uso. En la siguiente página, disponéis de un extenso catálogo de casos: escalar, rotar, flips, slides, etc. y todos acompañados por su respectivo código CSS.

• Visitar Animista: Ejemplos de animación en CSS

¿Alguna vez habéis tenido que ordenar obras, diseños o algún tipo de material que tenía diferentes alturas y queríais que se encajaran como en la imagen que acompaña estas líneas? Pues con esta librería JS podéis hacerlo de una forma muy sencilla.

• Bricks.JS

¿Cuántas veces habéis diseñado una web que requiera de un mapa donde ubicar puntos de venta o algo similar? Con jVectorMap obtendréis una solución perfecta para esos casos. Entre sus ventajas cuenta con:

• Compatibilidad con todos los navegadores actuales, incluyendo explorer 6 en adelante.
• Vectorial. Podrás adaptarlo a cualquier ancho y alto sin perder calidad, perfecto también para dispositivos retina display.
• Posibilidad de generar mapas personalizados (por ejemplo el mapa de un centro comercial).
• Mapa del Mundo, Europa y España (por comunidades autónomas).

Visitar sitio de jVectorMap

Si quieres poner un reloj en tu Web, ya sea para marcar la hora, una cuenta atrás o cronómetro, FlipClock te ofrece un diseño cuidado y  límpio.

· Visitar página FlipClock

Bonito y resultón efecto en Jquery para navegar por los contenidos de tu Web. Lo mejor es que lo puedes configurar a pantalla completa y el efecto ventana queda aún más impactante.

– Ver demo

– Descargar archivos

– Ver tutorial

Si hay algo común, entre todos los programadores, es que nos encanta desarrollar juegos. Gracias a Javascript, y a la popularidad que está tomando ultimamente, han surgido numerosos Frameworks o engines que facilitan enórmemente la tarea de programar nuestros propios juegos. Aquí os dejo los más importantes. (más…)