En este artículo vamos a ver cómo implementar un tres en raya mediante jQuery. En este juego, el usuario jugará contra la máquina. Tampoco es que la inteligencia artificial de la máquina sea una barbaridad, ni mucho menos, de hecho tendrás que ser un manta…

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…

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…

El hecho de exportar datos es una característica muy común en casi todas las webs dinámicas para guardar información en un fichero local y así utilizarla para tus menesteres. Por regla general, solemos exportar información a un fichero utilizando lenguajes…

Cuando hablamos de un buscador avanzado en PHP, hablamos de un buscador que cuenta con muchas opciones para filtrar el contenido. Mediante estas opciones, estaremos creando una consulta en la base de datos que realice una búsqueda entre todos los registros.…

A menuda solemos importar nuestras bases de datos mediante una aplicación destinada a ello, como por ejemplo PHPMyAdmin. Pero también podemos desarrollar nosotros mismos una aplicación para dicho menester. Ya hemos hablado por aquí sobre cómo realizar un…

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…

Hay muchas formas de preservar la seguridad de nuestro equipo. Podemos utilizar antivirus, herramientas frente al ransomware, tomar medidas a la hora de navegar para evitar ser víctimas del phishing… Sin embargo una radical y que puede parecer, a priori,…

En este tutorial vamos a ver cómo eliminar el color de una imagen al hacer hover utilizando jQuery. Gestionaremos la animación de la imagen mediante un selector de clase de CSS. Utilizaremos jQuery para añadir o eliminar la clase al hacer hover en la imagen.…

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…

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…

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…

Twitter utiliza un contador de caracteres para impedir que el usuario ingrese más de los indicados por la política de la red social. Y no es la única web que cuenta con un textarea con un contador que limita el número de caracteres que el usuario introduzca.…

Generalmente, solemos utilizar phpMyAdmin para importar o restaurar bases de datos a través de un fichero SQL. Pero esta no es la única opción para importar un fichero SQL, existen muchas más. Como por ejemplo, puedes restaurar una base de datos a través…

En este tutorial te mostraremos cómo añadir un background estático de vídeo HTML5 utilizando CSS. Es un script muy simple y muy sencillo ideal para landing pages. En este tutorial utilizaremos el tag <video> de HTML5 para embeber un vídeo y CSS para poner…

Un calendario de eventos permite a los usuarios añadir y ver eventos a través de un calendario. En este tutorial te mostraremos cómo crear un calendario de eventos con jQuery, PHP y MySQL. Para ello utilizaremos el plugin Bootstrap Calendar, que nos permitirá…

Los checkboxes y los botones de radio son elementos muy comunes en cualquier formulario web que se precie. Generalmente, solemos utilizar el estilo por defecto que nos dicta el navegador con el que estemos viendo la web. Pero si lo quieres es que tu UI luzca…

Solemos utilizar las miniaturas para mostrar la vista previa de uno o varios contenidos multimedia en la ventana del explorador. Mediante las miniaturas, estamos informando al usuario de lo que se va a encontrar antes de adentrarse en el contenido en cuestión.…