Crear un efecto Flip card con CSS3
Hoy veremos comon crear un efecto “Flip card”, que consite en colocar contenido en la parte frontal y trasera de un elemento. Por ejemplo, imagina que tenemos un contenedor cuya…
Atributos data-*
Antes de HTML5 los diseñadores y desarrolladores utilizabamos atributos como class, id o rel para definir datos personalizados con el fin de aportar cierta metadata a los elementos HTML. Obviamente,…
Conocer las dimensiones originales de una imagen
Las propiedades naturalWidth y naturalHeight permiten obtener la anchura y altura, respectivamente, de una imagen. Por ejemplo, supongamos que tenemos una imagen cuya anchura es de 800px y la altura…
Cómo insertar un botón de cierre en un popover de Boostrap
Como ya sabes, por defecto los popovers de Boostrap se cierran al pulsar nuevamente sobre el elemento que los activa, a no ser, obviamente, que añadamos el atributo data-trigger="focus" dentro…
Gestión de usuarios en WordPress
En esta lección veremos como trabajar con los diferentes tipos de usuarios en WordPress, un aspecto muy importante, sobre todo cuando tenemos un sitio web cuya gestión depende de varias…
Cómo crear un botón con ícono de carga animado
En este tutorial te mostraré como crear un “loading button” o botón con ícono animado utilizando CSS3. Voy a asumir que sabes agregar un ícono dentro de un elemento HTML,…
Vincular los elementos input y datalist mediante el atributo list
Vincular los elementos input y datalist mediante el atributo list
Gestión de comentarios en WordPress
Los comentarios permiten que los visitantes de nuestro sitio web puedan compartir sus opiniones acerca de los contenidos que publicamos. Además, los comentarios favorecen el posicionamiento natural o SEO en…
Cómo obtener la URL de la página actual con JavaScript
El objeto window.location se utiliza para obtener la URL de la página actual, así como para extraer los componentes de dicha URL de forma separada. URL completa Por ejemplo, si…
Abrir un menú desplegable de Boostrap al pasar por encima el puntero del ratón
Como ya sabes, por defecto, en Boostrap un dropdown menu o menú desplegable se abre sólamente al pulsar o hacer click encima del mismo. Pues bien, en este tutorial te…