Si quieres depurar un código php que estés usando en tu wp y quieres conocer la cantidad de consultas o peticiones que hace la base de datos sin usar plugins: Primero hay que definir la constante SAVEQUERIES en tu archivo […]

Uno de los efectos que más use de jQuery fue la función de slideToggle(). A continuación he creado ese efecto de deslizamiento en Vanilla JS, re-utilizable para múltiples elementos en la misma página. He utilizado la clase «js-toggle» para asignar […]

Código javascript vanilla del método scroll() de jQuery para detectar el scroll sobre un determinado elemento. En el siguiente ejemplo vamos a detectar el movimiento del scroll sobre toda ventana del navegador. En jQuery veníamos usando: $(window).scroll(function(){ console.log('Estas scrolleando'); }); […]

Cambiar el icono de marcador que usa por defecto Leaflet es muy sencillo si usamos el objecto L.Icon. Algunos de los parámetros que podemos personalizar son: iconUrl: sería la ruta de la nueva imagen o icono shadowUrl: sería la ruta […]

Si buscas en como vanillear en javascript el método scrollTop() de jQuery para obtener la posición actual (eje Y) de la barra de desplazamiento vertical: En jQuery veníamos usando: var scrollTop = $(window).scrollTop(); Y en Vanilla JS sería: var scrollTop […]

A continuación un ejemplo de uso si quieres insertar más de un marcador con Leaflet. En este ejemplo, para obtener múltiples marcadores vamos a crear un array para almacenar el texto de la ventana/popup, latitud y longitud de cada uno. […]

Forma fácil de crear con CSS (más concretamente con la propiedad -webkit-text-stroke) un texto con un determinado grosor de trazo y color. Ántes para conseguir este efecto teníamos que tirar siempre de programas de retoque fotográfico y insertarlo como una […]

Código para obtener el slug o permalink de la página actual, independientemente que sea la página de inicio, entrada, página, categoría, tag o cualquier otra plantilla de WordPress. global $wp; $slug = add_query_arg( array(), $wp->request ); echo $slug; Por ejemplo: […]