[Javascript-MySQL] Modificar estado de usuario

Actualizar el estado del perfil con jQuery, AJAX y base de datos sin recargar la página En muchas aplicaciones web con perfiles de usuario existe una funcionalidad muy sencilla pero muy útil: permitir que cada usuario pueda indicar qué está haciendo, qué piensa o simplemente escribir un pequeño mensaje asociado a su perfil. En este … Leer más

[CSS] Iconos 3D

Hola. Hoy vamos a meternos con un pequeño experimento de CSS que, aunque visualmente parece bastante más complejo de lo que realmente es, demuestra muy bien hasta dónde podemos llegar combinando transformaciones 2D, pseudo-elementos y sombras. Vamos a crear desde cero un icono con apariencia 3D utilizando únicamente HTML y CSS. La idea es construir … Leer más

[CSS] Crear capa superpuesta usando varios elementos

Crear una capa superpuesta sobre una imagen con CSS Hoy vamos a crear un efecto bastante habitual en interfaces web: una capa superpuesta sobre una imagen que aparece al pasar el ratón por encima y que nos permite mostrar, por ejemplo, los iconos de nuestras redes sociales. La idea es sencilla: tendremos una imagen y, … Leer más

[Javascript] Búsqueda dinámica usando jQuery

Hola. Hoy vamos a ver cómo podemos mostrar resultados de una búsqueda según un criterio determinado y, además, informar al usuario cuando no existen resultados que coincidan con su búsqueda. Puede parecer algo sencillo, y realmente lo es, pero este patrón aparece constantemente en aplicaciones web: buscadores de clientes, productos, artículos, usuarios, pedidos, documentos, registros, … Leer más

[PHP] Eliminar registros en ventana modal con confirmación.

Eliminar registros con confirmación mediante una ventana modal Cuando desarrollamos una aplicación que permite eliminar registros de una base de datos, hay algo que conviene evitar siempre que sea posible: que un clic accidental termine borrando información. Una solución sencilla consiste en mostrar una ventana de confirmación antes de ejecutar la eliminación. Hay que evitar … Leer más

[PHP – JQuery – CSS] Cambiar estado de perfil.

Estado de perfil: una nueva forma de expresar nuestra actividad Las redes sociales han convertido el estado de perfil en una parte habitual de la identidad digital de cualquier usuario. Una frase, un icono o un indicador visual pueden transmitir rápidamente qué estamos haciendo, cómo nos encontramos o qué disponibilidad tenemos en ese momento. Partiendo … Leer más

[CSS] Crear una flecha animada con CSS3

Crear una flecha animada con CSS y @keyframes Hoy vamos a crear una pequeña animación utilizando únicamente CSS y @keyframes. En concreto, vamos a crear una flecha animada que podemos utilizar como indicador visual para invitar al usuario a continuar, descubrir más contenido o desplazarse hacia una determinada sección de nuestra página. Es un recurso … Leer más

[PHP] Carrito de la compra. Video demostración.

  Aqui os traígo una pequeña demo del módulo de carrito de la compra que estoy desarrollando. Consta de listado de productos, ficha de producto y el carrito con los productos añadidos. Voy a citar las funcionalidades (las más relevantes) y posteriormente las nuevas características que quiero implementar. Responsive (Implementado) Registro para poder comprar. Los invitados … Leer más