Simple código vanilla js para detectar si estamos scrolleando hacia arriba o hacia abajo usando el método addEventListener para detectar el scroll y getBoundingClientRect para conocer la posición. var scrollPos = 0; window.addEventListener('scroll', function(){ if ((document.body.getBoundingClientRect()).top > scrollPos) // ARRIBA […]
Si te molesta que aparezcan durante esas milésimas de segundo el nombre de las {{variables}} en tu html… existe el atributo v-cloak que puedes agregar a elemento/s que desees ocultar hasta que se carga Vue por completo, y ese instante […]
Para conseguir el efecto de aclarar o oscurecer elementos en CSS existe el filtro brightness() que ajusta el brillo de la imagen. 0% hará que la imagen sea completamente negra. 100% es el valor predeterminado y representa la imagen original. […]
Un ejemplo de como insertar un determinado texto dentro de un circulo sin que sobresalga de este usando solo CSS. Usando la propiedad shape-outside puedes crear los 2 polígonos para crear la máscara fácilmente usando las developer tools de firefox […]
Instalar Vuejs es muy sencillo. En comparación con la versión anterior de Vue CLI 3, el nombre del paquete ha cambiado de vue-cli a @vue/cli 1. Instalamos Vue CLI: npm install -g @vue/cli 2. Instalamos el plugin PWA: vue add […]
Si has tenido problemas al declarar variables SASS/SCSS dentro de la pseudo-clase :root de CSS, es posible que no las estés declarando correctamente en sass. Para usar variables SASS dentro de tu variables CSS y que se compilen correctamente debes […]
3 formas diferentes para conseguir el efecto de texto subrayado. La forma clásica usando la propiedad «text-decoration: underline«, en donde el grosor de la línea de subrayado va acorde al tamaño y grosor de la fuente. Si queremos poder cambiar […]
La posición sticky es un nuevo valor de la propiedad position de CSS. Puede ser útil cuando queremos que un elemento tenga una posición fija cuando nos desplazamos hacia abajo en la página web «sin usar javascript», solo con CSS. […]
Para obtener la url actual en php basta con usar la variable predefinida de php $_SERVER con los índices «HTTP_HOST» para obtener el dominio y «REQUEST_URI» para obtener la página. Como ejemplo vamos a poner que la página actual es: […]
Si tenemos el siguiente error al abrir una maquina virtual en VirtualBox en windows10: VMMR0_DO_NEM_INIT_VM failed: VERR_NEM_MISSING_KERNEL_API (VERR_NEM_MISSING_KERNEL_API). VT-x is not available (VERR_VMX_NO_VMX). Es necesario hacer 2 cosas: 1. Entrar en la BIOs y comprobar que tienes la «virtualización» habilitada […]