Artículos
-
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...
-
Javascript10 librerias de Javascript y CSS para este enero
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...
-
JavascriptCrear tablas paginadas de Bootstrap con jQuery
Las tablas de Bootstrap son tablas HTML personalizadas mediante la clase .table. Estas tablas de Bootstrap son totalmente responsive gracias a la clase .table-responsive y pueden ser utilizadas para todo tipo de aplicaciones web. Normalmente solemos utilizar las tablas HTML para mostrar la inform...
-
JavascriptCómo dibujar rutas mediante la API de Google Maps
En este tutorial vamos a ver cómo dibujar una ruta entre múltiples localizaciones en un mapa utilizando la API de Javascript de Google Maps. En otro tutorial ya vimos cómo añadir marcadores sobre un mapa. En este ejemplo, lo que haremos es añadir marcadores para definir ubicaciones y conectar los...
-
JavascriptGenerador de memes en jQuery
En este artículo y aprovechando que hoy es un día un poco peculiar, vamos a ver cómo crear un generador de memes utilizando jQuery. Para ello crearemos una interfaz en la que el usuario pueda subir una imagen (el meme) y añadir un texto que se integrará en la propia imagen. Para llevar a cabo tod...
-
CSSCómo mostrar texto en vertical con CSS
En este tutorial veremos cómo mostrar un texto en orientación vertical. Para ello utilizaremos CSS, con el que mediante unas cuantas reglas, seremos capaces de redireccionar el texto para que se muestre en disposición vertical. En este ejemplo, tendremos una imagen de fondo con un tagline vertica...