Es muy probable que tengamos en SASS unos estilos para una determinada clase (por ejemplo: .test), pero esta a la vez se utilice en diferentes tipos de selector (p, a, div…) y queremos darle estilos diferentes a cada uno de […]

Código javascript para detectar si el ratón esta en movimiento, y en esa caso ejecutar alguna otra tarea. En este caso voy a añadir una clase al body solo cuando el ratón esta en movimiento, y cuando esta parado pues […]

Vue.js: slideToggle

2 formas diferentes de simular el efecto de slideToggle de jQuery usando Vue.js. Este efecto muy usado para mostrar y ocultar los elementos con una transición flexible se puede conseguir de varias formas con Vue. A continuación 2 ejemplos: A) […]

Un par de ejemplos diferentes para colorear con degradados los bordes de un elemento en css usando la función linear-gradient() que crea una imagen que representa un degradado lineal de colores. Ejemplo: Un cuadrado, un cuadrado con bordes derondeados y […]

Vanilla JS: FadeIn()

Simular el efecto FadeIn de jQuery usando solo Vanilla JS. La siguiente función fadeIn() consta de 2 parámetros: elemento y duración (este ultimo opcional). function fadeIn(element, duration = 600) { element.style.display = ''; element.style.opacity = 0; var last = +new […]

Solución al error en VestaCP: MAIL_SYSTEM is not enabled al tratar añadir un dominio de correo… es porque no tienes activo el «servidor de correo» exim4 por defecto. Para activarlo y agregarlo a tu panel (Menú > Servidor) en vesta […]

Si estas en usando una distribución de Debian como Ubuntu y quieres comprobar si tienes instalado sendmail y que «versión», puedes ejecutar el siguiente comando: apt-cache show sendmail | grep Version

Si usas vestaCP y quieres habilitar el soporte para el protocolo HTTP2 en Nginx necesitas editar una línea del archivo de configuración de nginx de tu dominio: 1. Ve a la siguiente directorio (sustituye «admin» por tu usuario de vesta): […]

La forma más limpia y recomendada para insertar un archivo css en WordPress es usando la función wp_enqueue_style. En este ejemplo vamos ha insertar la hoja de estilos de una fuente de google, por ejemplo la Roboto. En el 1er […]

GSAP: slideToggle()

A continuación he creado el efecto de deslizamiento slideToggle de jQuery usando Vanilla JS + GSAP, re-utilizable para múltiples elementos en la misma página. He utilizado los mismos nombres de clases que en el post de Vanilla JS: slideToggle(): la […]