Un gráfico de barras representa un grupo de datos mediante barras horizontales o verticales. Basicamente, el gráfico de barras se suele utilizar para mostrar una comparación de datos que se puedan entender de forma sencilla. Por ejemplo, si quieres comparar…

En este tutorial veremos como crear un reproductor de audio HTML5 personalizado mediante el plugin de jQuery Audio Controls. Con este gran plugin podrás crear reproductores de audio extremadamente rápidos para tus propios proyectos web. Actualmente funciona…

Como podréis ver, la revolución móvil ha llegado. Ha llegado el momento de construir aplicaciones web móviles para tus proyectos web. Muchas plataformas de terceros, como Apache Córdoba y Phonegap te ofrecen todo lo necesario para poder convertir tus aplicaciones…

La API de geolocalización es una característica muy importante disponible en los navegadores web modernos que soportan HTML5, la cual nos permite obtener la ubicación actual del usuario utilizando JavaScript. La información sobre la ubicación está representada…

Mediante las notificaciones del navegador puedes avisar de distintos hechos a los visitantes, como por ejemplo, recordarle eventos importantes, o simplemente, avisarles de que tienen un nuevo mensaje en tiempo real. Para que me entiendas, lo que vamos a implementar…

Cuando una página web cuenta con muchísimo contenido, necesita de una opción para que los visitantes puedan ir a otras secciones de forma sencilla. Mediante jQuery, podemos tener una mejor interfaz de usuario añadiéndole un elemento que nos permita hacer…

La subida de imágenes múltiple es una característica que, casi todas las redes sociales tienen. En este tutorial os explicaré como implementar esto en vuestros proyectos sin refrescar la página para ello y utilizando Ajax mediante jQuery y PHP. Con esta acción…

En este articulo veremos un sistema de autenticación y registro más seguro, ya que haremos uso de PDO. PDO es una extensión de PHP que nos permite implementar código que sea portable en distintas bases de datos y plataformas. ¿Estás dispuesto a que tu sistema…

Para este articulo también necesitaremos una base de datos MySQL y, no se preocupen, se explicará todo y podrán ver los códigos. En resumen, crearemos las tablas de la base de datos, haremos los formularios de recogida de datos del frontoffice y, mediante…

Cuando abrimos una aplicación Móvil o una aplicación Web, vemos tantas funcionalidades e incluso tiene un panel de ayuda automatizado que te muestra las posibles soluciones a los problemas comunes que se presentan pero ¿Cómo sera que estas personas tienen…

En este artículo quiero explicarte cómo implementar la detección de sacudidas (shake) en el teléfono utilizando jquery. Mediante el uso de esto he implementado un concepto muy interesante que, agitando el dispositivo móvil, obtendrás un descuento en un producto.…

A los usuarios avanzados nos encantan los atajos de teclado. Los usamos en todos lados: en nuestro editor de código, en Photoshop, en Gmail… Y odiamos cuando hacemos Ctrl+S en una aplicación web, y nos aparece el típico popup de navegador para indicarnos…

jQuery fue lanzado hace 11 años. Desde entonces, este proyecto de código abierto ha tenido un impacto incalculable en el mundo del desarrollo web. Es fascinante estudiar los orígenes de un proyecto de código abierto tan grande como jQuery. Y nadie nos puede…

Hay ciertos casos en los que prevenir que se pueda seleccionar contenido de tu página web puede ser beneficioso. En estos casos, puedes utilizar la propiedad de CSS user-select.

El lanzamiento de CSS3 nos trajo importantes y poderosas funciones, como es el caso de la función calc(). Con ella puedes especificar valores basándote en la aritmética, en lugar de utilizar simples números fijos. El cálculo de valores es particularmente…

jQuery es una de las librerías más populares de JavaScript hoy en día. Su API es muy sencilla de utilizar y cuenta con una curva de aprendizaje no muy pronunciada. Multitud de proyectos utilizan código jQuery en lugar de utilizar directamente vainilla JavaScript…

En este tutorial, vamos a desarrollar un álbum de fotos animado, que utilizará todo tipo de efectos fantásticos para hacer las transiciones entre las distintas imágenes. Los efectos se aplicarán exclusivamente utilizando CSS3, lo que significa que funcionará…

Hoy vamos a desarrollar un efecto de animado de burbujas mediante jQuery. Será una gran manera de presentar un conjunto de imágenes en tu sitio web a modo slide. Destacar que el código expuesto en este artículo es completamente modular, es decir, serás capaz…