Artículos
-
Javascript10 librerías de Javascript y CSS para este marzo
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 dig...
-
JavascriptBúsqueda por rango de precios utilizando jQuery Slider
Habitualmente, jQuery UI Slider se utiliza para seleccionar un rango máximo y mínimo y realizar operaciones basadas en dichos rangos como la búsqueda, validación y demás... Los rangos min-max se establecen utilizando los dos controles que se pueden arrastrar del elemento de jQuery. Una vez establ...
-
JavascriptEl reproductor Winamp 2.9 renace de entre los muertos implementado en HTML5 y Javascript
¿Os acordáis del mítico reproductor de música Winamp 2.9? Los que vivisteis la época del Messenger, el Tuenti y el Fotolog seguro que sí. Winamp 2.9 era un reproductor de música que consumía muy pocos recursos y que tenía una interfaz muy intuitiva en la que cualquier usuario se sentía cómodo. Ad...
-
JavascriptEliminar el color de una imagen con jQuery
En este tutorial vamos a ver cómo eliminar el color de una imagen al hacer hover utilizando jQuery. En otros tutoriales, hemos visto como hacer la animación de fadein o fadeout mediante jQuery, y si te resultaron fáciles, esto es muy similar.
-
JavascriptAñadir un timepicker a un campo input mediante jQuery
jQuery Timepicker ayuda al usuario a seleccionar una hora concreta sin necesidad de que la escriban manualmente. Por regla general, se suele utilizar junto a un datepicker para que el usuario pueda introducir una fecha y una hora en un formulario. En este tutorial veremos cómo añadir un timepicke...
-
JavascriptCómo crear alertas personalizadas mediante jQuery y CSS
Los alerts es algo muy común y muy útil en todo desarrollo web que se precie. Normalmente los utilizamos para mostrar mensajes desde el navegador. Todos los navegadores cuentan con su estilo por defecto para las ventanas alerts. Muchas veces, necesitamos añadir alers personalizados que concuerden...
-
JavascriptCambiar la clase de un elemento dinámicamente mediante jQuery
En este artículo vamos a ver cómo cambiar la clase de un elemento CSS utilizando jQuery. Ya hemos visto en anteriores tutoriales cómo cambiar el fichero CSS a llamar en el documento basándonos en el tamaño del viewport del usuario para hacer que una página sea responsive, y esto es muy similar, y...
-
JavascriptCómo dibujar una ruta sobre un mapa mediante la API de Google Maps Direction
En este tutorial veremos cómo dibujar una ruta entre dos localizaciones sobre un mapa utilizando la API de Google Maps Direction. Esta API te proporciona el servicio Direction el cual es ideal para dibujar rutas entre ubicaciones. Este servicio requiere que se dibuje tanto el inicio como el punto...
-
JavascriptCarrusel del imágenes con jQuery, PHP y MySQL
Los sliders o los carruseles son una característica muy importante para rotar elementos en el diseño web. Muchos de vosotros nos habéis solicitado un tutorial sobre cómo crear un carrusel de múltiples imágenes con Bootstrap. Por lo tanto, en este tutorial veremos cómo hacer esto, además con MySQL...
-
JavascriptCómo subir imágenes a tu sitio web con DropzoneJS
En este artículo, veremos cómo implementar una subida de imágenes utilizando DropzoneJS. Esta librería permite al usuario subir archivos mediante la función drag&drop, es decir, arrastrar y soltar. Además, mediante esta librería los usuarios podrán seleccionar los archivos en su equipo que más ta...
