245 lecturas 0 comentarios

¿El Tooltip más completo?

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

319 lecturas 0 comentarios

Gráficas dinámicas en Javascript

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.

988 lecturas 0 comentarios

Cargando JS de terceros

Las imágenes y los códigos Java Script son los principales responsables del tiempo de carga de cualquier web (y más hoy en día). Así que, cuando queremos optimizar esta velocidad (un factor importante para el posicionamiento), revisar ambos puntos es una cuestión primordial. He encontrado un tutorial online, gratis y en inglés, sobre cómo hacerlo. Algo técnico, pero muy detallado.

Leer guía: Cargando JS de terceros

4.360 lecturas 2 comentarios

Copiar texto al portapapeles en una Web

clipboardSi hay un código que, más de una vez, me haya dado quebraderos de cabeza, ese ha sido el responsable de copiar textos al portapapeles desde la web. Para que no paséis por el mismo mal trago, os traigo Clipboard.JS, un archivo de 3kb y muy fácil de implementar.

• Descargar ClipBoard.js

13.433 lecturas 0 comentarios

Mostrando elementos con el Scroll

scrollreveal¡Muchos habréis visto ya este efecto tan de moda! Se trata de ir desplegando (mediante animación o transición) elementos en el cuerpo de la Web mientras vamos haciendo scroll. Si queréis programar algo parecido, aquí os dejo Scroll Reveal. Un código, en Java Script, que os facilitará la tarea.

3.635 lecturas 0 comentarios

Bricks.JS

bricks

¿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

41.160 lecturas 1 comentario

jVectorMap

jvectormap

¿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

3.834 lecturas 0 comentarios

Ciudad y provincia mediante CP

Ciudad, código postal y provincia son tres campos que siempre se repiten en todos los formularios de registro de nuestras Webs. Con este código, haremos la labor un poco más fácil y rápida a todos aquellos usuarios que deseen registrarse y es que con tan solo introducir el Código Postal, el script nos proporciona la ciudad y la provincia del usuario.

Zippopotam: Obteniendo la ciudad y la provincia mediante código postal